From: PhiTux <redacted>
Date: Mon, 15 Sep 2025 16:54:41 +0000 (+0200)
Subject: logo animation
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=01a12afbaa55a9900f7ad18295ae9894ee322697;p=DailyTxT.git

logo animation
---

diff --git a/frontend/src/routes/(authed)/+layout.svelte b/frontend/src/routes/(authed)/+layout.svelte
index a7cac86..6b070e5 100644
--- a/frontend/src/routes/(authed)/+layout.svelte
+++ b/frontend/src/routes/(authed)/+layout.svelte
@@ -43,6 +43,7 @@
 	import Admin from '$lib/settings/Admin.svelte';
 	import { T, getTranslate, getTolgee } from '@tolgee/svelte';
 	import github from '$lib/assets/GitHub-Logo.png';
+	import dailytxt from '$lib/assets/locked_heart_with_keyhole.svg';
 	import donate from '$lib/assets/bmc-button.png';
 
 	const { t } = getTranslate();
@@ -1049,8 +1050,11 @@
 				</div>
 			</div>
 
-			<div class="col-lg-4 col-sm-2 col d-flex flex-row justify-content-center align-items-center">
-				Center-LOGO
+			<div class=" col-lg-4 col-sm-2 col d-flex flex-row justify-content-center align-items-center">
+				<div class="full-logo d-flex align-items-center">
+					<img src={dailytxt} alt="" height="38px" />
+					<span class="dailytxt ms-2">DailyTxT</span>
+				</div>
 			</div>
 
 			<div class="col-lg-4 col-sm-5 col pe-0 d-flex flex-row justify-content-end">
@@ -2476,6 +2480,42 @@
 </div>
 
 <style>
+	.dailytxt {
+		color: #f57c00;
+		font-size: 1.8rem;
+		font-weight: 500;
+		line-height: 1rem;
+		position: relative;
+		text-decoration: none;
+		transition: color 0.3s ease;
+	}
+
+	.dailytxt::after {
+		content: '';
+		position: absolute;
+		bottom: -9px;
+		left: 50%;
+		width: 0;
+		height: 2px;
+		background-color: #0d6efd;
+		transform: translateX(-50%);
+		transition: width 0.3s ease;
+		z-index: -1;
+	}
+
+	.full-logo:hover > .dailytxt::after {
+		width: 100%;
+	}
+
+	img {
+		transition: 0.3s ease;
+	}
+
+	.full-logo:hover > img {
+		transform: scale(1.15);
+		filter: drop-shadow(0px 0px 4px #4891ff);
+	}
+
 	.tagAlert {
 		margin-bottom: 0 !important;
 	}
diff --git a/frontend/src/routes/reauth/+page.svelte b/frontend/src/routes/reauth/+page.svelte
index 202eb9a..df86d0f 100644
--- a/frontend/src/routes/reauth/+page.svelte
+++ b/frontend/src/routes/reauth/+page.svelte
@@ -124,7 +124,6 @@
 	}
 
 	.container-fluid {
-		/* background: linear-gradient(135deg, #899cf1 0%, #a24b4b 100%); */
 		min-height: 100vh;
 	}