style(ui): float Settings and Profile page cards to match design system
This commit is contained in:
@@ -41,7 +41,7 @@ function TabPanel({ value, index, children }: { value: number; index: number; ch
|
|||||||
|
|
||||||
function SectionCard({ title, subtitle, children }: { title: string; subtitle?: string; children: React.ReactNode }) {
|
function SectionCard({ title, subtitle, children }: { title: string; subtitle?: string; children: React.ReactNode }) {
|
||||||
return (
|
return (
|
||||||
<Paper sx={{ p: 2.5 }}>
|
<Paper sx={{ p: 2.5, borderRadius: 4, border: "none", boxShadow: "0px 1px 2px 0px rgba(15,23,42,0.04), 0px 8px 24px -12px rgba(15,23,42,0.12)" }}>
|
||||||
<Typography variant="overline" sx={{ color: "text.secondary", fontWeight: 800 }}>{title}</Typography>
|
<Typography variant="overline" sx={{ color: "text.secondary", fontWeight: 800 }}>{title}</Typography>
|
||||||
{subtitle ? <Typography variant="body2" sx={{ color: "text.secondary", mt: 0.25, mb: 1.5 }}>{subtitle}</Typography> : <Box sx={{ mb: 1.5 }} />}
|
{subtitle ? <Typography variant="body2" sx={{ color: "text.secondary", mt: 0.25, mb: 1.5 }}>{subtitle}</Typography> : <Box sx={{ mb: 1.5 }} />}
|
||||||
{children}
|
{children}
|
||||||
@@ -100,7 +100,7 @@ export default function SettingsView({
|
|||||||
}, [notificationPrefs]);
|
}, [notificationPrefs]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Paper sx={{ mt: 0, p: 2.5 }}>
|
<Paper sx={{ mt: 0, p: 2.5, borderRadius: 4, border: "none", boxShadow: "0px 1px 2px 0px rgba(15,23,42,0.04), 0px 8px 24px -12px rgba(15,23,42,0.12)" }}>
|
||||||
<Typography variant="h5" sx={{ mb: 0.5, fontWeight: 900 }}>
|
<Typography variant="h5" sx={{ mb: 0.5, fontWeight: 900 }}>
|
||||||
{t("settingsTitle")}
|
{t("settingsTitle")}
|
||||||
</Typography>
|
</Typography>
|
||||||
|
|||||||
@@ -469,7 +469,7 @@ export default function ProfilePage() {
|
|||||||
}, [rewritePreview?.fullText, rewritePreview?.templateId, rewritePreview?.targetRole, resetPdfCarousel]);
|
}, [rewritePreview?.fullText, rewritePreview?.templateId, rewritePreview?.targetRole, resetPdfCarousel]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Paper sx={{ mt: 0, p: 2.5 }}>
|
<Paper sx={{ mt: 0, p: 2.5, borderRadius: 4, border: "none", boxShadow: "0px 1px 2px 0px rgba(15,23,42,0.04), 0px 8px 24px -12px rgba(15,23,42,0.12)" }}>
|
||||||
<CropImageDialog
|
<CropImageDialog
|
||||||
open={cropOpen}
|
open={cropOpen}
|
||||||
file={avatarFile}
|
file={avatarFile}
|
||||||
|
|||||||
Reference in New Issue
Block a user