File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change @@ -52,6 +52,7 @@ export default function Footer() {
5252 const { sendEmail } = useEmail ( ) ;
5353 const theme = useTheme ( ) ;
5454 const isMobile = useMediaQuery ( theme . breakpoints . down ( "md" ) ) ;
55+ const muiMd = theme . breakpoints . values . md ;
5556
5657 const { language } = useAppContext ( ) ;
5758
@@ -91,7 +92,7 @@ export default function Footer() {
9192 return (
9293 < FooterContainer >
9394 < FooterContent >
94- < FooterText >
95+ < FooterText muiMd = { muiMd } >
9596 < strong > { corpPasamoStr } </ strong >
9697 < br />
9798 { corpAddressStr }
@@ -167,7 +168,7 @@ const FooterContent = styled.div`
167168 gap: 0.75rem;
168169` ;
169170
170- const FooterText = styled . div `
171+ const FooterText = styled . div < { muiMd : number } > `
171172 padding: 0 2rem;
172173 margin: 0.1rem;
173174
@@ -195,6 +196,18 @@ const FooterText = styled.div`
195196 strong {
196197 font-size: 12pt;
197198 }
199+
200+ @media (min-width: ${ ( props ) => props . muiMd } px) {
201+ font-size: 12pt;
202+
203+ a > button {
204+ font-size: 10pt;
205+ }
206+
207+ strong {
208+ font-size: 15pt;
209+ }
210+ }
198211` ;
199212
200213const FooterSlogan = styled . div `
Original file line number Diff line number Diff line change @@ -158,4 +158,12 @@ export const globalStyles = css`
158158 text-decoration : none;
159159 color : inherit;
160160 }
161+
162+ @media (min-width : 900px ) {
163+ /* mui가 md를 900px로 보는 중 */
164+ html ,
165+ body {
166+ font-size : 120% ;
167+ }
168+ }
161169` ;
You can’t perform that action at this time.
0 commit comments