Update global styles and layout parameters

This commit includes a change in the global styles file to allow elements to display in a flex layout and centrally align their content. In addition, modifications have been made to the layout-window file to ensure elements take up 100% width, enhancing the app's layout flexibility.
make-software · May 17, 2024 · 91471c4 · 91471c4
1 parent 115e0b5
commit 91471c4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/src/libs/layout/layout-window.tsx b/src/libs/layout/layout-window.tsx
@@ -32,6 +32,7 @@ const PageFooter = styled.footer``;
 
 const Container = styled(FlexColumn)`
   height: 100%;
+  width: 100%;
 `;
 
 export function LayoutWindow({

diff --git a/src/libs/ui/global-style.ts b/src/libs/ui/global-style.ts
@@ -30,6 +30,9 @@ export const GlobalStyle = createGlobalStyle<{ theme: any }>`
     border-radius: 16px;
     
     color: ${props => props.theme.color.contentPrimary};
+      
+    display: flex;
+    justify-content: center;
   }
   
   * {