🐛 fix(dashboard): fix wobbling wrapper

dashpresshq · Nov 8, 2023 · 8173945 · 8173945
1 parent 4ce9c4f
commit 8173945
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 30 deletions.
diff --git a/src/frontend/design-system/layouts/GuestLayout/_partials/GuestFooter/index.tsx b/src/frontend/design-system/layouts/GuestLayout/_partials/GuestFooter/index.tsx
diff --git a/src/frontend/design-system/layouts/GuestLayout/_partials/index.ts b/src/frontend/design-system/layouts/GuestLayout/_partials/index.ts
@@ -1,3 +1,2 @@
 export { GuestHeader } from "./GuestHeader";
-export { GuestFooter } from "./GuestFooter";
 export { GuestContainer } from "./GuestContainer";
diff --git a/src/frontend/design-system/layouts/GuestLayout/index.tsx b/src/frontend/design-system/layouts/GuestLayout/index.tsx
@@ -4,7 +4,7 @@ import {
   SHADOW_CSS,
   StyledCardBody,
 } from "frontend/design-system/components/Card";
-import { GuestFooter, GuestHeader, GuestContainer } from "./_partials";
+import { GuestHeader, GuestContainer } from "./_partials";
 
 export interface IProps {
   children: ReactNode;
@@ -38,8 +38,7 @@ export function GuestLayout({
     <GuestContainer>
       <Root>
         <GuestHeader title={title} subTitle={subTitle} {...appDetails} />
-        <StyledCardBody radiusLess>{children}</StyledCardBody>
-        <GuestFooter name={appDetails.name} />
+        <StyledCardBody>{children}</StyledCardBody>
       </Root>
     </GuestContainer>
   );

diff --git a/src/frontend/views/Dashboard/styles.ts b/src/frontend/views/Dashboard/styles.ts
@@ -3,6 +3,7 @@ import { WidgetSizes } from "shared/types/dashboard/types";
 import styled, { css } from "styled-components";
 
 export const gridRoot = css`
+  width: 97%;
   user-select: none;
   display: grid;
   grid-gap: 16px;