lint fmt

visoftsolutions · Oct 14, 2023 · fa40057 · fa40057
1 parent b6cc529
commit fa40057
Show file tree

Hide file tree

Showing 9 changed files with 44 additions and 47 deletions.
diff --git a/src/components/header/header.css.ts b/src/components/header/header.css.ts
@@ -1,6 +1,3 @@
 import { style } from "@vanilla-extract/css";
-import { vars } from "~/theme.css";
 
-export const header = style({
-
-})
+export const header = style({});
diff --git a/src/components/sidenav/sidenav.css.ts b/src/components/sidenav/sidenav.css.ts
@@ -1,6 +1,3 @@
 import { style } from "@vanilla-extract/css";
-import { vars } from "~/theme.css";
 
-export const sidenav = style({
-
-})
+export const sidenav = style({});
diff --git a/src/root.tsx b/src/root.tsx
@@ -7,7 +7,7 @@ import {
 import { RouterHead } from "./components/router-head/router-head";
 
 import "./global.css";
-import { darkTheme, lightTheme } from "./theme.css";
+import { darkTheme } from "./theme.css";
 
 export default component$(() => {
   /**

diff --git a/src/routes/header.css.ts b/src/routes/header.css.ts
@@ -2,5 +2,5 @@ import { style } from "@vanilla-extract/css";
 import { vars } from "~/theme.css";
 
 export const header = style({
-    backgroundColor: vars.color.background
-})
+  backgroundColor: vars.color.background,
+});
diff --git a/src/routes/layout.css.ts b/src/routes/layout.css.ts
@@ -2,17 +2,17 @@ import { style } from "@vanilla-extract/css";
 import { vars } from "~/theme.css";
 
 export const layoutRow = style({
-    width: "100vw",
-    height: "100vh",
-    display: "grid",
-    gridTemplateRows: "36px 1fr",
-    backgroundColor: vars.color.backgroundHighlight,
-    gap: "1px",
-})
+  width: "100vw",
+  height: "100vh",
+  display: "grid",
+  gridTemplateRows: "36px 1fr",
+  backgroundColor: vars.color.backgroundHighlight,
+  gap: "1px",
+});
 
 export const layoutColumn = style({
-    display: "grid",
-    gridTemplateColumns: "36px 1fr",
-    gap: "1px",
-    backgroundColor: vars.color.backgroundHighlight,
-})
+  display: "grid",
+  gridTemplateColumns: "36px 1fr",
+  gap: "1px",
+  backgroundColor: vars.color.backgroundHighlight,
+});
diff --git a/src/routes/layout.tsx b/src/routes/layout.tsx
@@ -1,4 +1,4 @@
-import { component$, Slot, useStyles$ } from "@builder.io/qwik";
+import { component$, Slot } from "@builder.io/qwik";
 import { routeLoader$ } from "@builder.io/qwik-city";
 import type { RequestHandler } from "@builder.io/qwik-city";
 
@@ -27,12 +27,15 @@ export const useServerTimeLoader = routeLoader$(() => {
 });
 
 export default component$(() => {
-  // useStyles$(styles);
   return (
     <div class={layoutRow}>
-      <header class={header}><Header></Header></header>
+      <header class={header}>
+        <Header></Header>
+      </header>
       <div class={layoutColumn}>
-        <nav class={nav}><SideNav></SideNav></nav>
+        <nav class={nav}>
+          <SideNav></SideNav>
+        </nav>
         <main class={main}>
           <Slot />
         </main>

diff --git a/src/routes/main.css.ts b/src/routes/main.css.ts
@@ -2,5 +2,5 @@ import { style } from "@vanilla-extract/css";
 import { vars } from "~/theme.css";
 
 export const main = style({
-    backgroundColor: vars.color.background
-})
+  backgroundColor: vars.color.background,
+});
diff --git a/src/routes/nav.css.ts b/src/routes/nav.css.ts
@@ -2,5 +2,5 @@ import { style } from "@vanilla-extract/css";
 import { vars } from "~/theme.css";
 
 export const nav = style({
-    backgroundColor: vars.color.background
-})
+  backgroundColor: vars.color.background,
+});
diff --git a/src/theme.css.ts b/src/theme.css.ts
@@ -2,26 +2,26 @@ import { createTheme } from "@vanilla-extract/css";
 
 export const [darkTheme, vars] = createTheme({
   color: {
-    background: '#2b2f3a', // Background (Dark Grayish Bluish)
-    backgroundHighlight: '#3c3f4a', // Background Highlighted (Dark Grayish Bluish)
-    red: '#d43f4a', // Muted Red
-    green: '#3d8e5d', // Muted Green
-    blue: '#2f6d99', // Muted Blue
-    text: '#e0e0e0', // Text (For light text against dark backgrounds)
-    subtext: '#a0a0a0', // Subtext (For lesser important text)
-    divider: '#42465b', // Border/Divider Color
+    background: "#2b2f3a", // Background (Dark Grayish Bluish)
+    backgroundHighlight: "#3c3f4a", // Background Highlighted (Dark Grayish Bluish)
+    red: "#d43f4a", // Muted Red
+    green: "#3d8e5d", // Muted Green
+    blue: "#2f6d99", // Muted Blue
+    text: "#e0e0e0", // Text (For light text against dark backgrounds)
+    subtext: "#a0a0a0", // Subtext (For lesser important text)
+    divider: "#42465b", // Border/Divider Color
   },
 });
 
 export const lightTheme = createTheme(vars, {
   color: {
-    background: '#e6eaf0', // Background (Light Grayish Bluish)
-    backgroundHighlight: '#d5d8e0', // Background Highlighted (Dark Grayish Bluish)
-    red: '#e05a67', // Muted Red
-    green: '#59a883', // Muted Green
-    blue: '#508db3', // Muted Blue
-    text: '#2c2f3b', // Text (For dark text against light backgrounds)
-    subtext: '#6c6f7f', // Subtext (For lesser important text)
-    divider: '#b2b5c3', // Border/Divider Color
+    background: "#e6eaf0", // Background (Light Grayish Bluish)
+    backgroundHighlight: "#d5d8e0", // Background Highlighted (Dark Grayish Bluish)
+    red: "#e05a67", // Muted Red
+    green: "#59a883", // Muted Green
+    blue: "#508db3", // Muted Blue
+    text: "#2c2f3b", // Text (For dark text against light backgrounds)
+    subtext: "#6c6f7f", // Subtext (For lesser important text)
+    divider: "#b2b5c3", // Border/Divider Color
   },
 });