refactor: stylelint 규정에 맞게 수정

woowacourse-teams · Oct 22, 2024 · 9d067b5 · 9d067b5
1 parent e1f5657
commit 9d067b5
Show file tree

Hide file tree

Showing 9 changed files with 16 additions and 19 deletions.
diff --git a/frontend/src/components/DarakbangNameWrapper/DarakbangNameWrapper.style.ts b/frontend/src/components/DarakbangNameWrapper/DarakbangNameWrapper.style.ts
@@ -2,10 +2,8 @@ import { SerializedStyles, css } from '@emotion/react';
 
 export const name = ({ font }: { font: string | SerializedStyles }) => css`
   ${font}
-
-  max-width: 40vw;
-
   overflow-x: hidden;
+  max-width: 40vw;
   text-overflow: ellipsis;
   white-space: nowrap;
 `;
diff --git a/frontend/src/components/ProfileFrame/ProfileFrame.style.ts b/frontend/src/components/ProfileFrame/ProfileFrame.style.ts
@@ -38,8 +38,8 @@ export const profileFrame = ({
 
     width: ${width}rem;
     height: ${height}rem;
-    background: ${theme.colorPalette.white[100]};
 
+    background: ${theme.colorPalette.white[100]};
     border: ${borderWidth}rem solid ${theme.colorPalette.orange[200]};
     border-radius: 300rem;
   `;

diff --git a/.../src/layouts/InformationLayout/InformationBottomWrapper/InformationBottomWrapper.style.ts b/.../src/layouts/InformationLayout/InformationBottomWrapper/InformationBottomWrapper.style.ts
@@ -4,12 +4,14 @@ import { css } from '@emotion/react';
 // TODO: 바텀 버튼 UI에 대한 기획 논의 필요
 export const bottomFixedStyle = css`
   position: fixed;
+  bottom: 26px;
+
   display: flex;
   flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  bottom: 26px;
   gap: 1rem;
+  align-items: center;
+  justify-content: center;
+
   width: 100%;
   max-width: ${DISPLAY_MAX_WIDTH};
   padding: 0 16px;

diff --git a/frontend/src/layouts/LoginLayout/LoginMain/LoginMain.style.ts b/frontend/src/layouts/LoginLayout/LoginMain/LoginMain.style.ts
@@ -2,12 +2,13 @@ import { css } from '@emotion/react';
 
 export const mainStyle = css`
   display: flex;
-  flex-grow: 1;
   flex-direction: column;
+  flex-grow: 1;
   gap: 3rem;
   align-items: center;
   justify-content: flex-start;
-  height: 100%;
+
   width: 100%;
+  height: 100%;
   margin: 0 auto;
 `;
diff --git a/...end/src/pages/Chatting/ChattingRoomPage/components/ChattingFooter/ChattingFooter.style.ts b/...end/src/pages/Chatting/ChattingRoomPage/components/ChattingFooter/ChattingFooter.style.ts
@@ -35,6 +35,7 @@ export const messageForm = ({ theme }: { theme: Theme }) => css`
 
 export const messageTextArea = ({ theme }: { theme: Theme }) => css`
   ${theme.typography.s2};
+  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   resize: none;
 
   width: 100%;

diff --git a/frontend/src/pages/Login/DataMigrationPage/Explanation/KakaoSelct.style.ts b/frontend/src/pages/Login/DataMigrationPage/Explanation/KakaoSelct.style.ts
@@ -1,8 +1,8 @@
 import { css, Theme } from '@emotion/react';
 
 export const titleWrapper = () => css`
-  margin-top: 20%;
   width: 90%;
+  margin-top: 20%;
 `;
 export const title = ({ theme }: { theme: Theme }) => css`
   ${theme.typography.h3}
@@ -15,8 +15,7 @@ export const subtitle = ({ theme }: { theme: Theme }) => css`
 export const explain = ({ theme }: { theme: Theme }) => css`
   ${theme.typography.b2}
   padding: 1rem;
-  text-decoration: underline;
   color: ${theme.colorPalette.grey[300]};
-
+  text-decoration: underline;
   background-color: ${theme.colorPalette.white[100]};
 `;
diff --git a/frontend/src/pages/Login/DataMigrationPage/KakaoLogin/KakaoLoginPage.style.ts b/frontend/src/pages/Login/DataMigrationPage/KakaoLogin/KakaoLoginPage.style.ts
@@ -1,8 +1,8 @@
 import { css, Theme } from '@emotion/react';
 
 export const titleWrapper = () => css`
-  margin-top: 20%;
   width: 90%;
+  margin-top: 20%;
 `;
 export const title = ({ theme }: { theme: Theme }) => css`
   ${theme.typography.h3}
@@ -11,5 +11,3 @@ export const title = ({ theme }: { theme: Theme }) => css`
 export const subtitle = ({ theme }: { theme: Theme }) => css`
   ${theme.typography.b1}
 `;
-
-export const button = () => css``;
diff --git a/.../src/pages/Login/DataMigrationPage/OAuthMigrationResult/OAuthMigrationResultPage.style.ts b/.../src/pages/Login/DataMigrationPage/OAuthMigrationResult/OAuthMigrationResultPage.style.ts
@@ -1,8 +1,8 @@
 import { css, Theme } from '@emotion/react';
 
 export const titleWrapper = () => css`
-  margin-top: 20%;
   width: 90%;
+  margin-top: 20%;
 `;
 export const title = ({ theme }: { theme: Theme }) => css`
   ${theme.typography.h3}

diff --git a/frontend/src/pages/Login/HomePage/HomePage.style.ts b/frontend/src/pages/Login/HomePage/HomePage.style.ts
@@ -1,15 +1,13 @@
 import { css, Theme } from '@emotion/react';
 
 export const kakaoButton = () => css`
-  border: none;
   background: none;
+  border: none;
 `;
 export const explain = ({ theme }: { theme: Theme }) => css`
   ${theme.typography.b3}
   padding: 1rem;
-
   color: ${theme.colorPalette.grey[300]};
-
   background-color: ${theme.colorPalette.white[100]};
 `;