Removed Khula font from landing page

me3zaAKAgoat · Mar 26, 2024 · 7c6d915 · 7c6d915
1 parent fc2addd
commit 7c6d915
Show file tree

Hide file tree

Showing 7 changed files with 5 additions and 45 deletions.
diff --git a/frontend/public/fonts/Khula-Bold.ttf b/frontend/public/fonts/Khula-Bold.ttf
diff --git a/frontend/public/fonts/Khula-ExtraBold.ttf b/frontend/public/fonts/Khula-ExtraBold.ttf
diff --git a/frontend/public/fonts/Khula-Light.ttf b/frontend/public/fonts/Khula-Light.ttf
diff --git a/frontend/public/fonts/Khula-Regular.ttf b/frontend/public/fonts/Khula-Regular.ttf
diff --git a/frontend/public/fonts/Khula-SemiBold.ttf b/frontend/public/fonts/Khula-SemiBold.ttf
diff --git a/frontend/src/index.css b/frontend/src/index.css
@@ -2,42 +2,6 @@
 @tailwind components;
 @tailwind utilities;
 
-
-@font-face {
-	font-family : 'Khula';
-	src : url('/fonts/Khula-Regular.ttf') format('truetype');
-	font-weight : 400;
-	font-style : normal;
-}
-
-@font-face {
-	font-family : 'Khula';
-	src : url('/fonts/Khula-Bold.ttf') format('truetype');
-	font-weight : 700;
-	font-style : normal;
-}
-
-@font-face {
-	font-family : 'Khula';
-	src : url('/fonts/Khula-ExtraBold.ttf') format('truetype');
-	font-weight : 800;
-	font-style : normal;
-}
-
-@font-face {
-	font-family : 'Khula';
-	src : url('/fonts/Khula-SemiBold.ttf') format('truetype');
-	font-weight : 600;
-	font-style : normal;
-}
-
-@font-face {
-	font-family : 'Khula';
-	src : url('/fonts/Khula-Light.ttf') format('truetype');
-	font-weight : 300;
-	font-style : normal;
-}
-
 :root {
 	font-family: ui-sans-serif, system-ui, Avenir, Helvetica, Arial, sans-serif; 
 	line-height: 1.5;
@@ -51,10 +15,6 @@
 	-moz-osx-font-smoothing: grayscale;
 }
 
-.landing-page {
-	font-family: 'Khula';
-}
-
 .login-page > div {
 	box-shadow: 0px 0px 100px rgba(255, 255, 255, 0.12);
 }

diff --git a/frontend/src/pages/LandingPage.tsx b/frontend/src/pages/LandingPage.tsx
@@ -21,10 +21,10 @@ function LandingPage() {
 						</li>
 					</ul>
 				</details>
-				<ul className="hidden items-end text-3xl gap-4 font-semibold  md:flex">
+				<ul className="hidden items-end text-3xl gap-4 font-semibold md:flex">
 					<li>
-						<a className="flex items-end gap-2" href="/">
-							<img src="/dtb.svg" alt="logo" className="h-10" />
+						<a className="flex gap-2 " href="/">
+							<img src="/dtb.svg" alt="logo" className="h-8" />
 							Dtboard
 						</a>
 					</li>
@@ -41,7 +41,7 @@ function LandingPage() {
 				</ul>
 				<Link
 					to="/login"
-					className="flex items-center justify-center px-4 text-lg font-bold rounded-[3px] border-stone-500 focus:outline focus:outline-2 focus:outline-primary-content bg-stone-500 text-primary-content hover:bg-primary hover:text-primary-content"
+					className="flex items-center justify-center px-4 text-lg font-bold rounded-[1px] border-stone-500 focus:outline focus:outline-2 focus:outline-primary-content bg-stone-500 text-primary-content hover:bg-primary-content hover:text-primary"
 				>
 					Log In
 				</Link>
@@ -62,7 +62,7 @@ function LandingPage() {
 						unlock the serenity of streamlined task management.
 					</p>
 					<Link
-						className="flex items-center justify-center text-3xl p-4 font-bold rounded-[3px] border-accent focus:outline focus:outline-2 focus:outline-primary-content bg-accent text-primary-content hover:bg-primary hover:text-primary-content"
+						className="flex items-center justify-center text-3xl py-3 px-5 font-bold rounded-[1px] border-accent focus:outline focus:outline-2 focus:outline-primary-content bg-accent text-primary-content hover:bg-primary-content hover:text-primary"
 						to="/register"
 					>
 						Sign Up