reduce navbar size

json-schema-org · Jul 31, 2024 · f7424cd · f7424cd
1 parent f280ad9
commit f7424cd
Show file tree

Hide file tree

Showing 6 changed files with 11 additions and 11 deletions.
diff --git a/app/components/NavBar/NavBar.module.css b/app/components/NavBar/NavBar.module.css
@@ -18,7 +18,7 @@
 }
 
 .title {
-  font-size: 1.3em;
+  font-size: 1.2em;
   font-weight: 800;
 }
 .backBtn {

diff --git a/app/components/NavBar/NavBar.tsx b/app/components/NavBar/NavBar.tsx
@@ -55,8 +55,8 @@ export default function NavBar({ urlPath }: { urlPath: string }) {
           <Image
             src={colorMode == "light" ? JSONSchemaIcon : JSONSchemaIconDark}
             alt="JSON Schema Logo"
-            width={40}
-            height={40}
+            width={32}
+            height={32}
           />
           <div className={cx(styles.title, outfitFont.className)}>
             A Tour of JSON Schema

diff --git a/app/styles/icons/BiSun.tsx b/app/styles/icons/BiSun.tsx
@@ -4,8 +4,8 @@ function Icon({ colorMode }: { colorMode: "light" | "dark" }) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
+      width="18"
+      height="18"
       fill="none"
       style={{
         transform: "scale(1.3)",

diff --git a/app/styles/icons/GithubIcon.tsx b/app/styles/icons/GithubIcon.tsx
@@ -4,8 +4,8 @@ function Icon({ colorMode }: { colorMode?: "dark" | "light" }) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
-      width="26"
-      height="26"
+      width="22"
+      height="22"
       fill="none"
       style={{
         filter: colorMode === "dark" ? "invert(1)" : "invert(0)",

diff --git a/app/styles/icons/MoonIcon.tsx b/app/styles/icons/MoonIcon.tsx
@@ -4,8 +4,8 @@ function Icon({ colorMode }: { colorMode?: "dark" | "light" }) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
+      width="18"
+      height="18"
       fill="none"
       viewBox="0 0 20 20"
       style={{

diff --git a/app/styles/icons/SettingsIcon.tsx b/app/styles/icons/SettingsIcon.tsx
@@ -4,8 +4,8 @@ function Icon({ colorMode }: { colorMode?: "dark" | "light" }) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="22"
+      width="18.1818181818"
+      height="20"
       fill="none"
       viewBox="0 0 20 22"
       style={{