From 4f53ca2a0c6b29607d663cf10a3e1f5789f54cce Mon Sep 17 00:00:00 2001 From: Reza Rahemtola Date: Sat, 18 May 2024 14:44:14 +0200 Subject: [PATCH 1/3] fix: Logo moved to public --- index.html | 7 +++---- {src/assets => public}/logo.svg | 0 public/vite.svg | 1 - src/components/Navbar.vue | 3 +-- 4 files changed, 4 insertions(+), 7 deletions(-) rename {src/assets => public}/logo.svg (100%) delete mode 100644 public/vite.svg diff --git a/index.html b/index.html index 11998a0..5393ae0 100644 --- a/index.html +++ b/index.html @@ -1,10 +1,9 @@ - - - - Libertai + + + Libertai
diff --git a/src/assets/logo.svg b/public/logo.svg similarity index 100% rename from src/assets/logo.svg rename to public/logo.svg diff --git a/public/vite.svg b/public/vite.svg deleted file mode 100644 index e7b8dfb..0000000 --- a/public/vite.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue index 4f21e42..1cd8ff3 100644 --- a/src/components/Navbar.vue +++ b/src/components/Navbar.vue @@ -3,7 +3,7 @@
- Site Logo + Site Logo
; -; From adc9ebf03d7217d6ca223d2d7dbd93edf68bdeff Mon Sep 17 00:00:00 2001 From: Reza Rahemtola Date: Sat, 18 May 2024 16:32:40 +0200 Subject: [PATCH 2/3] feat: Favicon --- index.html | 1 + public/favicon.svg | 23 +++++++++++++++++++++++ 2 files changed, 24 insertions(+) create mode 100644 public/favicon.svg diff --git a/index.html b/index.html index 5393ae0..20e2534 100644 --- a/index.html +++ b/index.html @@ -2,6 +2,7 @@ + Libertai diff --git a/public/favicon.svg b/public/favicon.svg new file mode 100644 index 0000000..41684cf --- /dev/null +++ b/public/favicon.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + From 44eb9bf73b27a8c3aabb2adafcc2e60eb0cb18dc Mon Sep 17 00:00:00 2001 From: Reza Rahemtola Date: Sat, 18 May 2024 18:19:19 +0200 Subject: [PATCH 3/3] feat: Dropdown in navbar --- src/assets/chevron-down.svg | 3 ++ src/components/Navbar.vue | 82 +++++++++++++++++++++++++------------ src/style.css | 51 ++++++++++++----------- 3 files changed, 87 insertions(+), 49 deletions(-) create mode 100644 src/assets/chevron-down.svg diff --git a/src/assets/chevron-down.svg b/src/assets/chevron-down.svg new file mode 100644 index 0000000..5b54d2b --- /dev/null +++ b/src/assets/chevron-down.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue index 1cd8ff3..d60b58c 100644 --- a/src/components/Navbar.vue +++ b/src/components/Navbar.vue @@ -1,28 +1,58 @@ ; + + Earn + + + APIs + +
+
+ Apps + Chevron down +
+ +
+ +
+
+ + + + + + + + + diff --git a/src/style.css b/src/style.css index 404d4b0..f32cb76 100644 --- a/src/style.css +++ b/src/style.css @@ -3,73 +3,73 @@ @tailwind base; @tailwind components; @tailwind utilities; - + @layer base { :root { --background: 0 0% 100%; --foreground: 222.2 84% 4.9%; - + --muted: 210 40% 96.1%; --muted-foreground: 215.4 16.3% 46.9%; - + --popover: 0 0% 100%; --popover-foreground: 222.2 84% 4.9%; - + --card: 0 0% 100%; --card-foreground: 222.2 84% 4.9%; - + --border: 214.3 31.8% 91.4%; --input: 214.3 31.8% 91.4%; - + --primary: 222.2 47.4% 11.2%; --primary-foreground: 210 40% 98%; - + --secondary: 210 40% 96.1%; --secondary-foreground: 222.2 47.4% 11.2%; - + --accent: 210 40% 96.1%; --accent-foreground: 222.2 47.4% 11.2%; - + --destructive: 0 84.2% 60.2%; --destructive-foreground: 210 40% 98%; - + --ring: 222.2 84% 4.9%; - + --radius: 0.5rem; } - + .dark { --background: 222.2 84% 4.9%; --foreground: 210 40% 98%; - + --muted: 217.2 32.6% 17.5%; --muted-foreground: 215 20.2% 65.1%; - + --popover: 222.2 84% 4.9%; --popover-foreground: 210 40% 98%; - + --card: 222.2 84% 4.9%; --card-foreground: 210 40% 98%; - + --border: 217.2 32.6% 17.5%; --input: 217.2 32.6% 17.5%; - + --primary: 210 40% 98%; --primary-foreground: 222.2 47.4% 11.2%; - + --secondary: 217.2 32.6% 17.5%; --secondary-foreground: 210 40% 98%; - + --accent: 217.2 32.6% 17.5%; --accent-foreground: 210 40% 98%; - + --destructive: 0 62.8% 30.6%; --destructive-foreground: 210 40% 98%; - + --ring: 212.7 26.8% 83.9%; } } - + @layer base { * { @apply border-border; @@ -118,22 +118,27 @@ h1 { font-size: 72px; line-height: 84px; } + h2 { font-size: 54px; line-height: 66px; } + h3 { font-size: 38px; line-height: 50px; } + h4 { font-size: 24px; line-height: 34px; } + h5 { font-size: 22px; line-height: 28px; } + h6 { font-size: 16px; line-height: 22px; @@ -144,4 +149,4 @@ p { font-weight: 500; font-size: 18px; line-height: 30px; -} \ No newline at end of file +}