style : update app

2024-07-04 16:43:26 +08:00
parent e62243b887
commit 62c2f69228
4 changed files with 13 additions and 6 deletions
--- a/package.json
+++ b/package.json
@@ -33,6 +33,7 @@
    "dayjs": "^1.11.11",
    "embla-carousel-autoplay": "^7.1.0",
    "embla-carousel-react": "^7.1.0",
+    "jotai": "^2.8.4",
    "next": "14.2.4",
    "react": "^18",
    "react-dom": "^18",
@@ -58,4 +59,4 @@
  "keywords": [],
  "author": "",
  "license": "ISC"
-}
+}
--- a/src/app/(application)/group/page.tsx
+++ b/src/app/(application)/group/page.tsx
@@ -1,10 +1,9 @@
+import { ViewGroup } from '@/module/group';
 import React from 'react';

 function Page() {
  return (
-    <div>
-      Page
-    </div>
+    <ViewGroup />
  );
 }

--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -32,8 +32,10 @@ export default function RootLayout({
      </head>
      <body className={`${LatoFont.className}`} suppressHydrationWarning>
        <MantineProvider>
-          <Box bg={'#252A2F'}>
-            <Container h={"100vh"} p={0} size={rem(550)} bg={WARNA.bgWhite}>
+          <Box bg={'#252A2F'} pos={"fixed"} w={"100%"} h={"100%"} style={{
+            overflowY: "auto"
+          }}>
+            <Container mih={'100vh'} p={0} size={rem(550)} bg={WARNA.bgWhite}>
              {children}
            </Container>
          </Box>
--- a/yarn.lock
+++ b/yarn.lock
@@ -2260,6 +2260,11 @@ jiti@^1.21.0:
  resolved "https://registry.npmjs.org/jiti/-/jiti-1.21.6.tgz"
  integrity sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==

+jotai@^2.8.4:
+  version "2.8.4"
+  resolved "https://registry.yarnpkg.com/jotai/-/jotai-2.8.4.tgz#ea82b013d640016100e360d19d565862816c96d0"
+  integrity sha512-f6jwjhBJcDtpeauT2xH01gnqadKEySwwt1qNBLvAXcnojkmb76EdqRt05Ym8IamfHGAQz2qMKAwftnyjeSoHAA==
+
 "js-tokens@^3.0.0 || ^4.0.0":
  version "4.0.0"
  resolved "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz"