Refactor: 아코디언 default 열림 상태, 메타 태그 재설정, 버튼 뒷 배경 없애기 재시도 (#86)

* Design: 아코디언 UI default 열어두기 * Feat: 메타태그 재설정 * Design: wekbit 버튼 클릭 뒷 배경 제거 재시도
8-Sprinters · Feb 24, 2024 · 437496f · 437496f
1 parent 4227321
commit 437496f
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 6 deletions.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,6 +1,7 @@
 'use client';
 
 import { ReactNode } from 'react';
+import type { Viewport } from 'next';
 import { ToastContainer } from 'react-toastify';
 import Script from 'next/script';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
@@ -20,6 +21,15 @@ declare global {
     Kakao: any;
   }
 }
+
+export const viewport: Viewport = {
+  width: 'device-width',
+  initialScale: 1,
+  maximumScale: 1,
+  userScalable: false,
+  viewportFit: 'cover',
+};
+
 export default function TempLayout({ children }: { children: ReactNode }) {
   const { isOn, handleSetOff } = useModalState();
 
@@ -34,10 +44,6 @@ export default function TempLayout({ children }: { children: ReactNode }) {
     <html lang="ko">
       <head>
         <title>ListyWave</title>
-        <meta
-          name="viewport"
-          content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no viewport-fit=cover"
-        />
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css" />
         <Script
           src="https://t1.kakaocdn.net/kakao_js_sdk/2.6.0/kakao.min.js"

diff --git a/src/app/list/create/_components/item/ItemLayout.tsx b/src/app/list/create/_components/item/ItemLayout.tsx
@@ -40,7 +40,7 @@ export default function ItemLayout({
   return (
     <div>
       {titleErrorMessage && <p className={styles.titleError}> {titleErrorMessage}</p>}
-      <Accordion>
+      <Accordion defaultExpanded={true}>
         <AccordionSummary>
           <div className={styles.itemHeader}>
             <DndIcon width="18" height="18" alt="드래그앤드롭" className={styles.headerIcon} />

diff --git a/src/styles/GlobalStyles.css.ts b/src/styles/GlobalStyles.css.ts
@@ -11,6 +11,7 @@ globalStyle('html', {
 globalStyle('body *', {
   boxSizing: 'border-box',
   fontFamily: Pretendard,
+  WebkitTapHighlightColor: 'rgba(0,0,0,0) !important',
 });
 
 globalStyle('body, div, span, h1, h2, h3, h4, h5, h6, p, a, dl, dt, dd, ol, ul, li, form, label, table, button', {
@@ -34,7 +35,7 @@ globalStyle('button', {
   cursor: 'pointer',
   color: vars.color.black,
   backgroundColor: 'transparent',
-  WebkitTapHighlightColor: 'rgba(0,0,0,0)',
+  WebkitTapHighlightColor: 'rgba(0,0,0,0) !important',
 });
 
 globalStyle('input', {