From 26905045edbf66b9828ccb6c13aaf737ffefbdf9 Mon Sep 17 00:00:00 2001
From: Max <walzen665@web.de>
Date: Mon, 19 Feb 2024 23:50:31 +0100
Subject: [PATCH] Added Navbar animations

---
 frontend/src/app/navbar/navbar.component.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app/navbar/navbar.component.html b/frontend/src/app/navbar/navbar.component.html
index 36cae40..4e615fb 100644
--- a/frontend/src/app/navbar/navbar.component.html
+++ b/frontend/src/app/navbar/navbar.component.html
@@ -6,7 +6,7 @@
         <span class="self-center text-xl font-semibold whitespace-nowrap">SharePulse</span>
       </a>
       <div class="flex items-center lg:order-2">
-        <a routerLink="/credits" class="hover:scale-110 transition-transform duration-100 lg:visible invisible flex justify-center items-center text-gray-800 font-medium rounded-lg text-sm px-5 py-2 lg:py-2.5 lg:px-5 mr-2" style="min-width: 9rem;"><!--Administration-->About</a>
+        <a routerLink="/credits" class="hover:scale-125 transition-transform duration-100 lg:visible invisible flex justify-center items-center text-gray-800 font-medium rounded-lg text-sm px-5 py-2 lg:py-2.5 lg:px-5 mr-2" style="min-width: 9rem;"><!--Administration-->About</a>
         <button (click)="toggleMenu()" type="button" class="inline-flex items-center p-2 ml-1 text-sm text-gray-500 rounded-lg lg:hidden hover:bg-gray-100 " aria-controls="mobile-menu-2" aria-expanded="false">
           <span class="sr-only">Open main menu</span>
           <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path></svg>
@@ -16,13 +16,13 @@
       <div [ngClass]="{'hidden': !isMenuOpen, 'flex': isMenuOpen}" class="justify-between items-center w-full lg:flex lg:w-auto lg:order-1" id="mobile-menu-2">
         <ul class="flex flex-col mt-4 font-medium lg:flex-row lg:space-x-8 lg:mt-0">
           <li>
-            <a routerLink="/download" class="hover:scale-110 transition-transform duration-100 block py-2 pr-4 pl-3 rounded bg-primary-700 lg:bg-transparent lg:text-primary-700 lg:p-0" aria-current="page">Download</a>
+            <a routerLink="/download" class="hover:scale-125 transition-transform duration-100 block py-2 pr-4 pl-3 rounded bg-primary-700 lg:bg-transparent lg:text-primary-700 lg:p-0" aria-current="page">Download</a>
           </li>
           <li>
-            <a routerLink="/upload" class="hover:scale-110 transition-transform duration-100 block py-2 pr-4 pl-3 rounded bg-primary-700 lg:bg-transparent lg:text-primary-700 lg:p-0" aria-current="page">Upload</a>
+            <a routerLink="/upload" class="hover:scale-125 transition-transform duration-100 block py-2 pr-4 pl-3 rounded bg-primary-700 lg:bg-transparent lg:text-primary-700 lg:p-0" aria-current="page">Upload</a>
           </li>
           <li class="lg:hidden visible">
-            <a routerLink="/about" class="hover:scale-110 transition-transform duration-100 block py-2 pr-4 pl-3 rounded bg-primary-700 lg:bg-transparent lg:text-primary-700 lg:p-0" aria-current="page">About</a>
+            <a routerLink="/credits" class="hover:scale-125 transition-transform duration-100 block py-2 pr-4 pl-3 rounded bg-primary-700 lg:bg-transparent lg:text-primary-700 lg:p-0" aria-current="page">About</a>
           </li>
         </ul>
       </div>