diff --git a/index.html b/index.html index a5776a97..c5545665 100644 --- a/index.html +++ b/index.html @@ -4,6 +4,10 @@ + + + + KU-key diff --git a/public/images/ku-key_og_image.jpeg b/public/images/ku-key_og_image.jpeg new file mode 100644 index 00000000..75f45923 Binary files /dev/null and b/public/images/ku-key_og_image.jpeg differ diff --git a/src/features/Club/components/SearchForm/index.tsx b/src/features/Club/components/SearchForm/index.tsx index 31964bbf..481fee70 100644 --- a/src/features/Club/components/SearchForm/index.tsx +++ b/src/features/Club/components/SearchForm/index.tsx @@ -12,11 +12,9 @@ import { USER_AUTH_MESSAGE } from '@/lib/messages/common' import { ClubSearchParams } from '@/types/club' import Input from '@/ui/Input' import { useAuth } from '@/util/auth/useAuth' -import { useMediaQueryByName } from '@/util/hooks/useMediaQueryByName' import { useQueryParams } from '@/util/hooks/useQueryParams' const SearchForm = () => { - const isMobile = useMediaQueryByName('smDown') const isLogin = useAuth().authState const [param, setParam] = useQueryParams() @@ -44,20 +42,9 @@ const SearchForm = () => { else toast.custom(() => ) } - const clearSearchInput = () => { - setInput('') - setParam({ keyword: undefined }) - } - return (
- + } desktop={ diff --git a/src/pages/ClubPage/index.tsx b/src/pages/ClubPage/index.tsx index a8d62b48..edb47c4b 100644 --- a/src/pages/ClubPage/index.tsx +++ b/src/pages/ClubPage/index.tsx @@ -20,12 +20,14 @@ const ClubPage = () => { description="Meet the various clubs at Korea University! Find out what clubs there are and what each club's characteristics are." keywords="club, clubs" /> -
- Club -
+ {!isDesktop && ( +
+ Club +
+ )}
diff --git a/src/pages/ClubPage/style.css.ts b/src/pages/ClubPage/style.css.ts index f9b2f961..d751c3d8 100644 --- a/src/pages/ClubPage/style.css.ts +++ b/src/pages/ClubPage/style.css.ts @@ -7,30 +7,15 @@ export const Banner = style([ f.flex, f.alignCenter, { - height: '25rem', backgroundPosition: 'center', backgroundSize: 'cover', backgroundRepeat: 'no-repeat', - fontSize: '4rem', fontWeight: 700, color: vars.color.white, - padding: '0 14.375rem', - }, - f.lgDown({ - height: '18.75rem', - fontSize: '3rem', - padding: '0 5rem', - }), - f.mdDown({ - height: '12.5rem', - fontSize: '2rem', - padding: '0 3.125rem', - }), - f.smDown({ height: '9.375rem', fontSize: '1.5rem', padding: '0 1.875rem', - }), + }, ]) export const ContentsWrapper = style([ @@ -39,7 +24,7 @@ export const ContentsWrapper = style([ f.alignCenter, f.wFull, { - padding: '7.5rem 0.625rem', + padding: '3rem 0.625rem', backgroundColor: vars.color.white, }, f.smDown({