Merge pull request #15 from JECT-Study/feature/design-system

[TASK-49] style: Footer UI 깨짐 현상 해결, FollowButton 색상 변경

src/components/Button/FollowButton.tsx

@@ -30,13 +30,13 @@ const FollowButton = ({
       onClick={toggleFollow}
       aria-label={ariaLabel}
       className={`
-        flex items-center justify-center rounded-full
+        button-s flex items-center justify-center rounded-full
         w-[95px] h-[37px] gap-[3px]
         ${backgroundColor} ${textColor} ${textSize}
         ${
           isFollowing
-            ? 'border	border-gray-900 text-gray-900 bg-white'
-            : 'bg-gray-900 text-white'
+            ? 'border	border-gray-300 text-gray-300 bg-transparent'
+            : 'bg-gray-800 text-white'
         }
         hover:bg-opacity-80 active:bg-opacity-60 active:scale-95
         transition-all duration-300 ease-in-out

src/components/Input/EmailInput.tsx

@@ -7,6 +7,7 @@ import { useEffect, useState } from 'react';
 import { useFormContext } from 'react-hook-form';
 
 import useGetValidateEmail from '@/apis/auth/validateEmail';
+
 import Icon from '../Icon/Icon';
 
 const EMAIL_REGEX = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i;

src/components/Layout/AppShell.tsx

@@ -19,7 +19,7 @@ const AppShell = ({ children }: { children: ReactNode }) => {
             dark: 'custom-dark',
           }}
         >
-          <div className='h-screen box-border'>
+          <div className='box-border'>
             <Navbar />
             <main className='pt-[60px] min-h-screen h-full'>{children}</main>
             <Footer />

src/styles/globals.css

@@ -10,8 +10,8 @@
   }
 
   body {
-    width: 100vw;
-    height: 100vh;
+    width: 100%;
+    height: 100%;
   }
 
   .title-l {

src/types/artwork.ts

@@ -4,7 +4,7 @@ interface ArtworkInfoType {
   postImage: string;
   userId: number;
   nickname: string;
-  view: number;
+  viewCount: number;
   likeCount: number;
   commentCount: number;
   isLiked: boolean;