Change body backgound

mhdeeb · Jun 24, 2024 · 66bbcf1 · 66bbcf1
1 parent 3c592c9
commit 66bbcf1
Show file tree

Hide file tree

Showing 14 changed files with 372 additions and 297 deletions.
diff --git a/.vscode/tasks.json b/.vscode/tasks.json
@@ -0,0 +1,64 @@
+{
+	"version": "2.0.0",
+	"tasks": [
+		{
+			"type": "npm",
+			"script": "build",
+			"group": {
+				"kind": "build",
+				"isDefault": true
+			},
+			"problemMatcher": [],
+			"label": "npm: build",
+			"detail": "webpack"
+		},
+		{
+			"type": "npm",
+			"script": "dev",
+			"problemMatcher": [],
+			"label": "npm: dev",
+			"detail": "webpack serve --mode development --devtool eval-source-map"
+		},
+		{
+			"dependsOn": "npm: build",
+			"dependsOrder": "sequence",
+			"command": "git",
+			"args": [
+				"add",
+				".",
+			],
+			"label": "git: add",
+			"problemMatcher": []
+		},
+		{
+			"dependsOn": "git: add",
+			"dependsOrder": "sequence",
+			"command": "git",
+			"args": [
+				"commit",
+				"-m",
+				"${input:message}",
+			],
+			"label": "git: commit",
+			"problemMatcher": []
+		},
+		{
+			"dependsOn": "git: commit",
+			"dependsOrder": "sequence",
+			"command": "git",
+			"args": [
+				"push",
+			],
+			"label": "git: push",
+			"problemMatcher": []
+		}
+	],
+	"inputs": [
+		{
+			"id": "message",
+			"description": "message: ",
+			"default": "Update",
+			"type": "promptString"
+		}
+	]
+}
diff --git a/docs/462b5ecda51179b0ec7c.js b/docs/462b5ecda51179b0ec7c.js
diff --git a/docs/462b5ecda51179b0ec7c.js.map b/docs/462b5ecda51179b0ec7c.js.map
diff --git a/docs/611e85617fdcc7323186.js b/docs/611e85617fdcc7323186.js
diff --git a/docs/462b5ecda51179b0ec7c.js.LICENSE.txt → docs/611e85617fdcc7323186.js.LICENSE.txt b/docs/462b5ecda51179b0ec7c.js.LICENSE.txt → docs/611e85617fdcc7323186.js.LICENSE.txt
diff --git a/docs/611e85617fdcc7323186.js.map b/docs/611e85617fdcc7323186.js.map
diff --git a/docs/654c70e6e4f59c02e7f4.js b/docs/654c70e6e4f59c02e7f4.js
diff --git a/docs/654c70e6e4f59c02e7f4.js.map b/docs/654c70e6e4f59c02e7f4.js.map
diff --git a/docs/f6c1375b483c825b8d49.js b/docs/f6c1375b483c825b8d49.js
diff --git a/docs/f6c1375b483c825b8d49.js.map b/docs/f6c1375b483c825b8d49.js.map
diff --git a/docs/index.html b/docs/index.html
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width"/><title>GRM</title><link rel="icon" href="favicon.ico"><script defer="defer" src="462b5ecda51179b0ec7c.js"></script><script defer="defer" src="654c70e6e4f59c02e7f4.js"></script></head><body><div id="root"></div></body></html>
+<!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width"/><title>GRM</title><link rel="icon" href="favicon.ico"><script defer="defer" src="611e85617fdcc7323186.js"></script><script defer="defer" src="f6c1375b483c825b8d49.js"></script></head><body><div id="root"></div></body></html>
diff --git a/src/components/DataCollectionPage.tsx b/src/components/DataCollectionPage.tsx
@@ -2,12 +2,12 @@ import { Tabs, TabList, Tab, TabPanels, TabPanel } from "@chakra-ui/react"
 
 export default function DataCollectionPage() {
     return (
-        <Tabs>
-            < TabList>
+        <Tabs isFitted variant='enclosed' flex={1} sx={{ transition: "all 100ms" }}>
+            <TabList>
                 <Tab>One</Tab>
                 <Tab>Two</Tab>
                 <Tab>Three</Tab>
-            </TabList >
+            </TabList>
 
             <TabPanels>
                 <TabPanel>

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
@@ -5,13 +5,11 @@ import KoverLearnSVG from '../components/svg/KoverSVG';
 import AnalysisSVG from '../components/svg/AnalysisSVG';
 import SettingsSVG from '../components/svg/SettingsSVG';
 import ListLink from './ListLink';
-import { Flex, List, Spacer, Image, Heading, useStyleConfig } from '@chakra-ui/react';
+import { Flex, List, Spacer, Image, Heading, useStyleConfig, Center } from '@chakra-ui/react';
 
 export default function Navbar() {
     const titleStyle: any = {
-        display: 'flex',
-        alignItems: 'center',
-        padding: "2rem 0rem 2rem 4rem",
+        padding: "2rem",
         boxShadow: '2px 0px 2px black',
         borderBottom: "1px solid grey",
         userSelect: 'none',
@@ -27,9 +25,11 @@ export default function Navbar() {
 
     return (
         <Flex __css={useStyleConfig('Navbar')} flexDirection="column">
-            <Heading style={titleStyle}>
-                <Image draggable="false" style={titleImgStyle} src={TitleIcon} />
-                GRM
+            <Heading>
+                <Center style={titleStyle}>
+                    <Image draggable="false" style={titleImgStyle} src={TitleIcon} />
+                    GRM
+                </Center>
             </Heading>
             <List variant="navList">
                 <ListLink icon={DataBaseSVG} to="/collection" text="Data Collection" />

diff --git a/src/js/theme.tsx b/src/js/theme.tsx
@@ -89,12 +89,23 @@ const theme = extendTheme({
             100: '#4d4d4d',
             200: '#6a6a6a',
             300: '#fff',
+            400: '#1f1f1f',
         },
         light: {
             50: '#f0f0f0',
             100: '#aaaaaa',
             200: '#8a8a8a',
             300: '#000',
+            400: '#d1d1d1',
+        }
+    }, styles: {
+        global: {
+            body: {
+                bg: "light.400",
+                _dark: {
+                    bg: "dark.400"
+                }
+            }
         }
     }
 })
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width"/><title>GRM</title><link rel="icon" href="favicon.ico"><script defer="defer" src="462b5ecda51179b0ec7c.js"></script><script defer="defer" src="654c70e6e4f59c02e7f4.js"></script></head><body><div id="root"></div></body></html>
		<!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width"/><title>GRM</title><link rel="icon" href="favicon.ico"><script defer="defer" src="611e85617fdcc7323186.js"></script><script defer="defer" src="f6c1375b483c825b8d49.js"></script></head><body><div id="root"></div></body></html>