fix: list default position

SoYoung210 · Mar 3, 2024 · 6d57c25 · 6d57c25
1 parent 0e9ef94
commit 6d57c25
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 12 deletions.
diff --git a/src/components/content/menu-dock/MenuDock.tsx b/src/components/content/menu-dock/MenuDock.tsx
@@ -1,4 +1,3 @@
-import { styled } from '@stitches/react';
 import { useState } from 'react';
 
 import { Direction, MenuDockProvider } from './context';
@@ -22,11 +21,3 @@ export default function MenuDock({ children, initialIndex }: MenuDockProps) {
     </MenuDockProvider>
   );
 }
-
-export const MenuDockList = styled('div', {
-  position: 'absolute',
-  display: 'flex',
-  // TODO: DockContent 높이 + 여백값으로 변경
-  top: 340,
-  left: 0,
-});
diff --git a/src/pages/dock-menu.tsx b/src/pages/dock-menu.tsx
@@ -4,9 +4,7 @@ import { styled } from '../../stitches.config';
 import { GRADIENT_IMAGES } from '../components/content/menu-dock/constant';
 import { DockContent } from '../components/content/menu-dock/DockContent';
 import { DockItem } from '../components/content/menu-dock/DockItem';
-import MenuDock, {
-  MenuDockList,
-} from '../components/content/menu-dock/MenuDock';
+import MenuDock from '../components/content/menu-dock/MenuDock';
 import PageLayout from '../components/layout/page-layout/PageLayout';
 import SEO from '../components/layout/SEO';
 
@@ -148,6 +146,14 @@ export default function MenuDockPage() {
   );
 }
 
+export const MenuDockList = styled('div', {
+  position: 'absolute',
+  display: 'flex',
+  // TODO: DockContent 높이 + 여백값으로 변경
+  top: 340,
+  left: 0,
+});
+
 const PageContentRoot = styled('div', {
   position: 'relative',
   height: 406,