refactor: style 선언 수정

woowacourse-teams · Feb 10, 2024 · ed14a01 · ed14a01
1 parent ebb0bb3
commit ed14a01
Show file tree

Hide file tree

Showing 8 changed files with 107 additions and 147 deletions.
diff --git a/...kages/hanglog-admin/src/components/adminMember/AdminMemberTable/AdminMemberTable.style.ts b/...kages/hanglog-admin/src/components/adminMember/AdminMemberTable/AdminMemberTable.style.ts
@@ -1,13 +1,11 @@
 import { css } from '@emotion/react';
 
-export const tableStyling = () => {
-  return css({
-    'th:first-of-type, th:last-of-type': {
-      width: '20%',
-    },
+export const tableStyling = css({
+  'th:first-of-type, th:last-of-type': {
+    width: '20%',
+  },
 
-    'th:not(:first-of-type):not(:last-of-type)': {
-      width: '30%',
-    },
-  });
-};
+  'th:not(:first-of-type):not(:last-of-type)': {
+    width: '30%',
+  },
+});
diff --git a/...orepo/packages/hanglog-admin/src/components/category/CategoryTable/CategoryTable.style.ts b/...orepo/packages/hanglog-admin/src/components/category/CategoryTable/CategoryTable.style.ts
@@ -1,13 +1,11 @@
 import { css } from '@emotion/react';
 
-export const tableStyling = () => {
-  return css({
-    'th:first-of-type, th:last-of-type': {
-      width: '15%',
-    },
+export const tableStyling = css({
+  'th:first-of-type, th:last-of-type': {
+    width: '15%',
+  },
 
-    'th:not(:first-of-type):not(:last-of-type)': {
-      width: '35%',
-    },
-  });
-};
+  'th:not(:first-of-type):not(:last-of-type)': {
+    width: '35%',
+  },
+});
diff --git a/frontend-monorepo/packages/hanglog-admin/src/components/city/CityTable/CityTable.style.ts b/frontend-monorepo/packages/hanglog-admin/src/components/city/CityTable/CityTable.style.ts
@@ -1,13 +1,11 @@
 import { css } from '@emotion/react';
 
-export const tableStyling = () => {
-  return css({
-    'th:first-of-type, th:last-of-type': {
-      width: '10%',
-    },
+export const tableStyling = css({
+  'th:first-of-type, th:last-of-type': {
+    width: '10%',
+  },
 
-    'th:not(:first-of-type):not(:last-of-type)': {
-      width: '20%',
-    },
-  });
-};
+  'th:not(:first-of-type):not(:last-of-type)': {
+    width: '20%',
+  },
+});
diff --git a/...orepo/packages/hanglog-admin/src/components/currency/CurrencyTable/CurrencyTable.style.ts b/...orepo/packages/hanglog-admin/src/components/currency/CurrencyTable/CurrencyTable.style.ts
@@ -1,17 +1,15 @@
 import { css } from '@emotion/react';
 
-export const tableStyling = () => {
-  return css({
-    'th:first-of-type, th:last-of-type': {
-      width: '5%',
-    },
+export const tableStyling = css({
+  'th:first-of-type, th:last-of-type': {
+    width: '5%',
+  },
 
-    'th:second-of-type': {
-      width: '10%',
-    },
+  'th:second-of-type': {
+    width: '10%',
+  },
 
-    'th:not(:first-of-type):not(:last-of-type):not(:second-of-type)': {
-      width: '8%',
-    },
-  });
-};
+  'th:not(:first-of-type):not(:last-of-type):not(:second-of-type)': {
+    width: '8%',
+  },
+});
diff --git a/frontend-monorepo/packages/hanglog-admin/src/pages/AdminMemberPage/AdminMemberPage.style.ts b/frontend-monorepo/packages/hanglog-admin/src/pages/AdminMemberPage/AdminMemberPage.style.ts
@@ -1,32 +1,24 @@
 import { css } from '@emotion/react';
 import { Theme } from 'hang-log-design-system';
 
-export const containerStyling = () => {
-  return css({
-    width: '80vw',
-    padding: `${Theme.spacer.spacing6} ${Theme.spacer.spacing6} ${Theme.spacer.spacing0} ${Theme.spacer.spacing6}`,
-  });
-};
-
-export const titleStyling = () => {
-  return css({
-    alignSelf: 'flex-start',
-  });
-};
-
-export const addButtonStyling = () => {
-  return css({
-    margin: Theme.spacer.spacing3,
-    alignSelf: 'flex-end',
-  });
-};
-
-export const tableStyling = () => {
-  return css({
-    width: '70vw',
-    height: '60vh',
-  });
-};
+export const containerStyling = css({
+  width: '80vw',
+  padding: `${Theme.spacer.spacing6} ${Theme.spacer.spacing6} ${Theme.spacer.spacing0} ${Theme.spacer.spacing6}`,
+});
+
+export const titleStyling = css({
+  alignSelf: 'flex-start',
+});
+
+export const addButtonStyling = css({
+  margin: Theme.spacer.spacing3,
+  alignSelf: 'flex-end',
+});
+
+export const tableStyling = css({
+  width: '70vw',
+  height: '60vh',
+});
 
 export const pagenationSkeletonStyling = css({
   display: 'flex',

diff --git a/frontend-monorepo/packages/hanglog-admin/src/pages/CategoryPage/CategoryPage.style.ts b/frontend-monorepo/packages/hanglog-admin/src/pages/CategoryPage/CategoryPage.style.ts
@@ -1,32 +1,24 @@
 import { css } from '@emotion/react';
 import { Theme } from 'hang-log-design-system';
 
-export const containerStyling = () => {
-  return css({
-    width: '80vw',
-    padding: `${Theme.spacer.spacing6} ${Theme.spacer.spacing6} ${Theme.spacer.spacing0} ${Theme.spacer.spacing6}`,
-  });
-};
-
-export const titleStyling = () => {
-  return css({
-    alignSelf: 'flex-start',
-  });
-};
-
-export const addButtonStyling = () => {
-  return css({
-    margin: Theme.spacer.spacing3,
-    alignSelf: 'flex-end',
-  });
-};
-
-export const tableStyling = () => {
-  return css({
-    width: '70vw',
-    height: '60vh',
-  });
-};
+export const containerStyling = css({
+  width: '80vw',
+  padding: `${Theme.spacer.spacing6} ${Theme.spacer.spacing6} ${Theme.spacer.spacing0} ${Theme.spacer.spacing6}`,
+});
+
+export const titleStyling = css({
+  alignSelf: 'flex-start',
+});
+
+export const addButtonStyling = css({
+  margin: Theme.spacer.spacing3,
+  alignSelf: 'flex-end',
+});
+
+export const tableStyling = css({
+  width: '70vw',
+  height: '60vh',
+});
 
 export const pagenationSkeletonStyling = css({
   display: 'flex',

diff --git a/frontend-monorepo/packages/hanglog-admin/src/pages/CityPage/CityPage.style.ts b/frontend-monorepo/packages/hanglog-admin/src/pages/CityPage/CityPage.style.ts
@@ -1,32 +1,24 @@
 import { css } from '@emotion/react';
 import { Theme } from 'hang-log-design-system';
 
-export const containerStyling = () => {
-  return css({
-    width: '80vw',
-    padding: `${Theme.spacer.spacing6} ${Theme.spacer.spacing6} ${Theme.spacer.spacing0} ${Theme.spacer.spacing6}`,
-  });
-};
-
-export const titleStyling = () => {
-  return css({
-    alignSelf: 'flex-start',
-  });
-};
-
-export const addButtonStyling = () => {
-  return css({
-    margin: Theme.spacer.spacing3,
-    alignSelf: 'flex-end',
-  });
-};
-
-export const tableStyling = () => {
-  return css({
-    width: '70vw',
-    height: '60vh',
-  });
-};
+export const containerStyling = css({
+  width: '80vw',
+  padding: `${Theme.spacer.spacing6} ${Theme.spacer.spacing6} ${Theme.spacer.spacing0} ${Theme.spacer.spacing6}`,
+});
+
+export const titleStyling = css({
+  alignSelf: 'flex-start',
+});
+
+export const addButtonStyling = css({
+  margin: Theme.spacer.spacing3,
+  alignSelf: 'flex-end',
+});
+
+export const tableStyling = css({
+  width: '70vw',
+  height: '60vh',
+});
 
 export const pagenationSkeletonStyling = css({
   display: 'flex',

diff --git a/frontend-monorepo/packages/hanglog-admin/src/pages/CurrencyPage/CurrencyPage.style.ts b/frontend-monorepo/packages/hanglog-admin/src/pages/CurrencyPage/CurrencyPage.style.ts
@@ -1,32 +1,24 @@
 import { css } from '@emotion/react';
 import { Theme } from 'hang-log-design-system';
 
-export const containerStyling = () => {
-  return css({
-    width: '80vw',
-    padding: `${Theme.spacer.spacing6} ${Theme.spacer.spacing6} ${Theme.spacer.spacing0} ${Theme.spacer.spacing6}`,
-  });
-};
-
-export const titleStyling = () => {
-  return css({
-    alignSelf: 'flex-start',
-  });
-};
-
-export const addButtonStyling = () => {
-  return css({
-    margin: Theme.spacer.spacing3,
-    alignSelf: 'flex-end',
-  });
-};
-
-export const tableStyling = () => {
-  return css({
-    width: '70vw',
-    height: '60vh',
-  });
-};
+export const containerStyling = css({
+  width: '80vw',
+  padding: `${Theme.spacer.spacing6} ${Theme.spacer.spacing6} ${Theme.spacer.spacing0} ${Theme.spacer.spacing6}`,
+});
+
+export const titleStyling = css({
+  alignSelf: 'flex-start',
+});
+
+export const addButtonStyling = css({
+  margin: Theme.spacer.spacing3,
+  alignSelf: 'flex-end',
+});
+
+export const tableStyling = css({
+  width: '70vw',
+  height: '60vh',
+});
 
 export const pagenationSkeletonStyling = css({
   display: 'flex',