sp => gap

This commit is contained in:
Manav Rathi
2025-01-31 13:24:28 +05:30
parent a60f1ec213
commit 14a806c4ea
8 changed files with 10 additions and 16 deletions

View File

@@ -123,7 +123,7 @@ const AllCollectionsHeader = ({
</Typography>
</Box>
</FluidContainer>
<Stack direction="row" spacing={1.5}>
<Stack direction="row" sx={{ gap: 1.5 }}>
<CollectionsSortOptions
activeSortBy={collectionsSortBy}
onChangeSortBy={onChangeCollectionsSortBy}

View File

@@ -186,7 +186,7 @@ const DeleteAccountModal = ({ open, onClose }: Iprops) => {
checked={acceptDataDeletion}
onChange={setAcceptDataDeletion}
/>
<Stack spacing={"8px"}>
<Stack sx={{ gap: "8px" }}>
<LoadingButton
type="submit"
fullWidth
@@ -244,7 +244,7 @@ const FeedbackInput: React.FC<FeedbackInputProps> = ({
onChange,
errorMessage,
}) => (
<Stack spacing={"4px"}>
<Stack sx={{ gap: "4px" }}>
<Typography>{t("delete_account_feedback_label")}</Typography>
<TextField
variant="standard"

View File

@@ -198,13 +198,7 @@ export const FileInfo: React.FC<FileInfoProps> = ({
return (
<FileInfoSidebar open={showInfo} onClose={handleCloseInfo}>
<Titlebar onClose={handleCloseInfo} title={t("info")} backIsClose />
<Stack
spacing={"20px"}
sx={{
pt: 1,
pb: 3,
}}
>
<Stack sx={{ pt: 1, pb: 3, gap: "20px" }}>
<RenderCaption
{...{
file,

View File

@@ -221,7 +221,7 @@ const UploadProgressTitle: React.FC = () => {
<UploadProgressSubtitleText />
</Box>
<Box>
<Stack direction={"row"} spacing={1}>
<Stack direction="row" sx={{ gap: 1 }}>
<FilledIconButton onClick={toggleExpanded}>
{expanded ? <UnfoldLessIcon /> : <UnfoldMoreIcon />}
</FilledIconButton>

View File

@@ -176,7 +176,7 @@ const DefaultOptions: React.FC<OptionsProps> = ({
<DialogCloseIconButton {...{ onClose }} />
</SpaceBetweenFlex>
<Box sx={{ p: "12px", pt: "16px" }}>
<Stack spacing={0.5}>
<Stack sx={{ gap: 0.5 }}>
{intent != "import" && (
<RowButton
startIcon={<ImageOutlinedIcon />}

View File

@@ -189,7 +189,7 @@ const WatchesContainer = styled("div")(() => ({
const NoWatches: React.FC = () => {
return (
<NoWatchesContainer>
<Stack spacing={1}>
<Stack sx={{ gap: 1 }}>
<Typography variant="h6">{t("no_folders_added")}</Typography>
<Typography
variant={"small"}

View File

@@ -498,7 +498,7 @@ const Plans: React.FC<PlansProps> = ({
hasAddOnBonus,
onPlanSelect,
}) => (
<Stack spacing={2}>
<Stack sx={{ gap: 2 }}>
{plansData?.plans
.filter((plan) => plan.period === planPeriod)
.map((plan) => (
@@ -681,7 +681,7 @@ function ManageSubscription({
};
return (
<Stack spacing={1}>
<Stack sx={{ gap: 1 }}>
{isSubscriptionStripe(subscription) && (
<StripeSubscriptionOptions
{...{ onClose, subscription, hasAddOnBonus }}

View File

@@ -474,7 +474,7 @@ const OptionContents = ({ data: option }: { data: SearchOption }) => (
</Typography>
</Box>
<Stack direction={"row"} sx={{ gap: 1 }}>
<Stack direction="row" sx={{ gap: 1 }}>
{option.previewFiles.map((file) => (
<ItemCard
key={file.id}