Use 100% rather than vw for NavSpaces

Nuvotion-Visuals · Apr 28, 2024 · 1037356 · 1037356
1 parent 07e0213
commit 1037356
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -4,7 +4,7 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "version": "1.0.110",
+  "version": "1.0.111",
   "description": "Formation is a comprehensive component library powered by React, Styled Components, and CSS variables for creating apps and websites that demand responsive, unified cross-platform experiences.",
   "resolutions": {
     "string-width": "^4",

diff --git a/src/components/NavSpaces/NavSpaces.tsx b/src/components/NavSpaces/NavSpaces.tsx
@@ -274,7 +274,7 @@ export const NavSpaces = React.memo(({
 
 const S = {
   Container: styled.div`
-    width: 100vw;
+    width: 100%;
     display: flex;
   `,
   View: styled.div`
@@ -297,10 +297,8 @@ const S = {
     flex-wrap: wrap;
     position: relative;
     border-left: 1px solid var(--F_Surface);
-
     width: 380px;
     max-width: 380px;
-
     @media (min-width: 1600px) {
       width: 500px;
       max-width: 500px;