sp => gap
This commit is contained in:
@@ -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}
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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 />}
|
||||
|
||||
@@ -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"}
|
||||
|
||||
@@ -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 }}
|
||||
|
||||
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user