fix styles

koh110 · Oct 18, 2024 · cb80b31 · cb80b31
1 parent 8b8fa1c
commit cb80b31
Show file tree

Hide file tree

Showing 5 changed files with 783 additions and 507 deletions.
diff --git a/app/(commonLayout)/styles.module.css b/app/(commonLayout)/styles.module.css
@@ -5,16 +5,7 @@
   align-items: center;
   margin: 0 auto;
   container: layout / inline-size;
-  background: var(--color-base);
-}
-
-.layout::before {
-  position: absolute;
-  top: 0;
-  content: '';
-  height: 100%;
-  width: 100vw;
-  background: linear-gradient(90deg, rgba(75, 108, 183, 1) 0%, rgba(24, 40, 72, 1) 100%);
+  background: linear-gradient(90deg, rgba(70, 120, 231, 1) 0%, rgba(151, 3, 146, 1) 100%);
 }
 
 .contents {
@@ -24,7 +15,7 @@
   width: 100%;
   min-height: 100vh;
   color: rgba(255, 255, 255, 1);
-}
+} 
 
 .contents_wrapper {
   width: 100%;

diff --git a/components/Menu/index.module.css b/components/Menu/index.module.css
@@ -28,7 +28,8 @@
   min-width: min(980px, 90cqw);
   display: flex;
   font-size: 1rem;
-  flex: 1;
+  position: relative;
+  overflow: hidden;
 }
 
 .menu {
@@ -56,7 +57,7 @@
 .selector {
   position: absolute;
   height: 100%;
-  width: calc(100% / 5);
+  width: calc(100% / 5 - var(--radius) / 2);
   transition: all 0.3s;
 }
 

diff --git a/next-env.d.ts b/next-env.d.ts
@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.