diff --git a/frontend/src/components/DarakbangNameWrapper/DarakbangNameWrapper.style.ts b/frontend/src/components/DarakbangNameWrapper/DarakbangNameWrapper.style.ts index 7c1802fe4..1fb32001c 100644 --- a/frontend/src/components/DarakbangNameWrapper/DarakbangNameWrapper.style.ts +++ b/frontend/src/components/DarakbangNameWrapper/DarakbangNameWrapper.style.ts @@ -2,9 +2,7 @@ import { SerializedStyles, css } from '@emotion/react'; export const name = ({ font }: { font: string | SerializedStyles }) => css` ${font} - max-width: 40vw; - overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; diff --git a/frontend/src/components/ProfileFrame/ProfileFrame.style.ts b/frontend/src/components/ProfileFrame/ProfileFrame.style.ts index df39cfb4e..c1ca76fa8 100644 --- 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/frontend/src/layouts/InformationLayout/InformationBottomWrapper/InformationBottomWrapper.style.ts b/frontend/src/layouts/InformationLayout/InformationBottomWrapper/InformationBottomWrapper.style.ts index 5a33645d8..b5563f971 100644 --- a/frontend/src/layouts/InformationLayout/InformationBottomWrapper/InformationBottomWrapper.style.ts +++ b/frontend/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/LoginFooter/LoginFooter.style.ts b/frontend/src/layouts/LoginLayout/LoginFooter/LoginFooter.style.ts index 690b765a8..b076996cf 100644 --- a/frontend/src/layouts/LoginLayout/LoginFooter/LoginFooter.style.ts +++ b/frontend/src/layouts/LoginLayout/LoginFooter/LoginFooter.style.ts @@ -1,7 +1,7 @@ import { css } from '@emotion/react'; export const footerStyle = css` - margin: 1rem 0 0 0; + margin: 1rem 0 0; padding: 0 24px 48px; text-align: center; `; diff --git a/frontend/src/pages/Login/DataMigrationPage/Explanation/DataMigrationExplanationPage.style.ts b/frontend/src/pages/Login/DataMigrationPage/Explanation/DataMigrationExplanationPage.style.ts index a3f274a0a..d84601ffe 100644 --- a/frontend/src/pages/Login/DataMigrationPage/Explanation/DataMigrationExplanationPage.style.ts +++ b/frontend/src/pages/Login/DataMigrationPage/Explanation/DataMigrationExplanationPage.style.ts @@ -1,6 +1,6 @@ import { css, Theme } from '@emotion/react'; export const explanationSection = ({ theme }: { theme: Theme }) => css` - margin: 0rem 5rem; + margin: 0 5rem; ${theme.typography.s1} `;