style(griffel): align more

victorfrye · Feb 19, 2024 · f4b3e13 · f4b3e13
1 parent 5392e8a
commit f4b3e13
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 10 deletions.
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -7,7 +7,7 @@ const useStyles = makeStyles({
   main: {
     display: 'flex',
     flexDirection: 'column',
-    ...shorthands.padding(tokens.spacingVerticalXXL),
+    ...shorthands.padding(tokens.spacingVerticalNone, tokens.spacingHorizontalL),
   },
   divider: {
     ...shorthands.margin(tokens.spacingVerticalXXL, tokens.spacingHorizontalNone),

diff --git a/src/components/home/about.tsx b/src/components/home/about.tsx
@@ -1,17 +1,15 @@
-import { Card, CardHeader, Link, Text, makeStyles, tokens } from "@fluentui/react-components";
+import { Card, CardHeader, Link, Text, makeStyles, shorthands, tokens } from "@fluentui/react-components";
 import { Person32Regular } from "@fluentui/react-icons";
 
 const useStyles = makeStyles({
     container: {
         display: 'flex',
         flexDirection: 'column',
         flexWrap: 'wrap',
-        // ...shorthands.margin(tokens.spacingVerticalL, tokens.spacingHorizontalNone, tokens.spacingVerticalM, tokens.spacingHorizontalNone),
     },
     header: {
         fontSize: tokens.fontSizeBase600,
         color: tokens.colorBrandForeground2,
-        // ...shorthands.margin(tokens.spacingVerticalNone, tokens.spacingHorizontalNone, tokens.spacingVerticalXL, tokens.spacingHorizontalNone),
     },
     bold: {
         fontWeight: 'bold',

diff --git a/src/components/shared/profile.tsx b/src/components/shared/profile.tsx
@@ -20,9 +20,8 @@ const useStyles = makeStyles({
         ...shorthands.padding(tokens.spacingVerticalL, tokens.spacingHorizontalL),
     },
     header: {
-        // display: 'flex',
         alignItems: 'center',
-        ...shorthands.padding(tokens.spacingVerticalXL, tokens.spacingHorizontalXL, tokens.spacingVerticalNone),
+        ...shorthands.padding(tokens.spacingVerticalXL, tokens.spacingHorizontalXXL, tokens.spacingVerticalNone),
     },
     name: {
         fontSize: tokens.fontSizeHero800,
@@ -39,9 +38,8 @@ const useStyles = makeStyles({
             flexDirection: 'column',
         },
         justifyItems: 'center',
-        // justifyContent: 'flex-end',
         marginTop: 'auto',
-        ...shorthands.padding(tokens.spacingVerticalL),
+        ...shorthands.padding(tokens.spacingVerticalNone, tokens.spacingHorizontalXL, tokens.spacingVerticalXL),
     },
     copyright: {
         marginTop: 'auto',
@@ -59,7 +57,6 @@ const useStyles = makeStyles({
 
 const Profile = ({ children }: Readonly<{ children: React.ReactNode; }>) => {
     const styles = useStyles();
-    const _today: Date = new Date();
 
     return (
         <div className={styles.frame}>

diff --git a/src/components/shared/socials.tsx b/src/components/shared/socials.tsx
@@ -13,7 +13,6 @@ const useStyles = makeStyles({
         justifyContent: 'center',
         alignItems: 'center',
         ...shorthands.gap(tokens.spacingVerticalL),
-        ...shorthands.padding(tokens.spacingVerticalNone, tokens.spacingHorizontalL),
     },
     button: {
         display: 'grid',