Skip to content

Commit

Permalink
IOS 크로스 브라우징 대비 및 관리자 페이지 모바일 대응 (#38)
Browse files Browse the repository at this point in the history
  • Loading branch information
@klmhyeonwoo
klmhyeonwoo committed Feb 15, 2023
1 parent 2d5ce78 commit f76e4c1
Show file tree
Hide file tree
Showing 14 changed files with 111 additions and 54 deletions.
1 change: 1 addition & 0 deletions src/App.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,6 +22,7 @@ import { Footer, IndexHeader } from './component/emotion/component';
import Temp from './component/admin/partition/Temp';
import NotTime from './component/404/NotTime';
import ChannelService from './api/ChannelService';
import { KeyboardIOS } from './hooks/KeyboardIOS';

export interface WrapperProps {
children?: React.ReactNode;
Expand Down
2 changes: 1 addition & 1 deletion src/component/404/NotTime.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ export default function NotTime() {
margin-top: 1em;
font-size: 15px;
animation: ${fadeUp} 1s ease-in-out;
`}>현재는 지원 기간이 아닙니다!</span>
`}>현재는 예비 사자 모집 기간이 아니에요!</span>
</div>
)
}
2 changes: 1 addition & 1 deletion src/component/404/NotWidth.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ export default function NotWidth() {
flex-direction: column;
align-items: center;
@media (max-width: 1099px) {
@media (max-width: 1024px) {
display: flex;
}
`}>
Expand Down
6 changes: 6 additions & 0 deletions src/component/Index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -662,6 +662,12 @@ export default function Index() {
cursor: pointer;
transition: 0.4s all;
font-family: 'Pretendard-Regular';
@media all and (min-width:768px) and (max-width:1099px) {
span {
font-size: 13px;
}
font-size: 13px;
};
font-size: 14.5px;
letter-spacing: -0.05em;
&:hover {
Expand Down
2 changes: 1 addition & 1 deletion src/component/admin/common/Header.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,7 @@ export default function Header() {
@media (max-width:768px) {
font-size: 14.5px;
};
@media all and (min-width:768px) and (max-width:1059px) {
@media all and (min-width:768px) and (max-width:1099px) {
font-size: 21px;
};
@media all and (min-width:1100px) and (max-width:2000px) {
Expand Down
4 changes: 3 additions & 1 deletion src/component/admin/detail/Detail.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -300,6 +300,7 @@ export default function Detail(props: DetailType) {
@media all and (min-width:1100px) and (max-width:2000px) {
font-size: 30px;
};
font-size: 30px;
`}>
<span css={css`
Expand Down Expand Up @@ -327,7 +328,8 @@ export default function Detail(props: DetailType) {
};
@media all and (min-width:1100px) and (max-width:2000px) {
font-size: 16px;
};
};
font-size: 16px;
margin-bottom: 3em;
`}> 지원서 상태 :
Expand Down
30 changes: 15 additions & 15 deletions src/component/admin/emotion/component.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -56,7 +56,7 @@ export const PassUserContent = ({ children }: WrapperProps) => {
@media (max-width:768px) {
font-size: 9px;
};
@media all and (min-width:768px) and (max-width:1059px) {
@media all and (min-width:768px) and (max-width:1099px) {
font-size: 11px;
};
@media all and (min-width:1100px) and (max-width:2000px) {
Expand Down Expand Up @@ -88,7 +88,7 @@ export const PassUser = ({ children }: WrapperProps) => {
@media (max-width:768px) {
font-size: 8px;
};
@media all and (min-width:768px) and (max-width:1059px) {
@media all and (min-width:768px) and (max-width:1099px) {
font-size: 11px;
};
@media all and (min-width:1100px) and (max-width:2000px) {
Expand Down Expand Up @@ -132,7 +132,7 @@ export const FailMailSend = (props: MailType) => {
@media (max-width:768px) {
font-size: 10px;
};
@media all and (min-width:768px) and (max-width:1059px) {
@media all and (min-width:768px) and (max-width:1099px) {
font-size: 16px;
};
@media all and (min-width:1100px) and (max-width:2000px) {
Expand Down Expand Up @@ -166,7 +166,7 @@ export const PassMailSend = (props: MailType) => {
@media (max-width:768px) {
font-size: 10px;
};
@media all and (min-width:768px) and (max-width:1059px) {
@media all and (min-width:768px) and (max-width:1099px) {
font-size: 16px;
};
@media all and (min-width:1100px) and (max-width:2000px) {
Expand Down Expand Up @@ -194,13 +194,13 @@ export const Button = (props: ButtonType) => {
font-size: 13px;
width: 22.3em;
};
@media all and (min-width:768px) and (max-width:1059px) {
font-size: 15px;
@media all and (min-width:768px) and (max-width:1099px) {
font-size: 12px;
};
@media all and (min-width:1100px) and (max-width:2000px) {
font-size: 15px;
};
font-size: 14.5px;
width: 26.3em;
height: 4em;
border-radius: 0.53em;
Expand Down Expand Up @@ -237,7 +237,7 @@ export const HeaderText = (props: HeaderType) => {
padding-bottom: 0.7em;
border-width: 0.37em;
@media all and (min-width:768px) and (max-width:1059px) {
@media all and (min-width:768px) and (max-width:1099px) {
font-size: 15px;
};
@media all and (min-width:1100px) and (max-width:2000px) {
Expand Down Expand Up @@ -272,7 +272,7 @@ export const Img = (props: ImgType) => {
@media (max-width:768px) {
font-size: 15px;
};
@media all and (min-width:768px) and (max-width:1059px) {
@media all and (min-width:768px) and (max-width:1099px) {
font-size: 18px;
};
@media all and (min-width:1100px) and (max-width:2000px) {
Expand All @@ -290,7 +290,7 @@ export const HeaderDescription = ({ children }: WrapperProps) => {
@media (max-width:768px) {
font-size: 10px;
};
@media all and (min-width:768px) and (max-width:1059px) {
@media all and (min-width:768px) and (max-width:1099px) {
font-size: 14px;
};
@media all and (min-width:1100px) and (max-width:2000px) {
Expand All @@ -317,7 +317,7 @@ export const Position = (props: PositionType) => {
font-size: 10px;
};
@media all and (min-width:768px) and (max-width:1059px) {
@media all and (min-width:768px) and (max-width:1099px) {
font-size: 14.5px;
};
@media all and (min-width:1100px) and (max-width:2000px) {
Expand Down Expand Up @@ -391,7 +391,7 @@ export const PositionBox = (props: WrapperProps) => {
font-size: 9px;
column-gap: 1.5em;
};
@media all and (min-width:768px) and (max-width:1059px) {
@media all and (min-width:768px) and (max-width:1099px) {
font-size: 15px;
};
@media all and (min-width:1100px) and (max-width:2000px) {
Expand All @@ -415,8 +415,8 @@ export const Input = (props: InputType) => {
font-size: 13px;
width: 21em;
};
@media all and (min-width:768px) and (max-width:1059px) {
font-size: 14px;
@media all and (min-width:768px) and (max-width:1099px) {
font-size: 11px;
};
@media all and (min-width:1100px) and (max-width:2000px) {
font-size: 14px;
Expand Down Expand Up @@ -523,7 +523,7 @@ export const List = React.memo(function List(props: ListType) {
column-gap: 3.5em;
width: 100%;
};
@media all and (min-width:768px) and (max-width:1059px) {
@media all and (min-width:768px) and (max-width:1099px) {
font-size: 15px;
width: 100%;
};
Expand Down
Loading

0 comments on commit f76e4c1

Please sign in to comment.