EZPPFarm/EZPPLauncher
2
0
Fork 0
Code Issues 1 Pull Requests Projects 1 Releases 14 Activity

add animations to header

Browse Source
This commit is contained in:
HorizonCode 2024-01-18 12:47:14 +01:00
parent 6aa0a6c969
commit e119166c65
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/App.svelte
View File

@ -96,14 +96,16 @@
<Toaster></Toaster> <Toaster></Toaster>
<div class="p-2 flex flex-row justify-between items-center"> <div class="p-2 flex flex-row justify-between items-center">
<div class="flex flex-row items-center"> <div class="flex flex-row items-center animate-fadeIn opacity-0">
<img src={ezppLogo} alt="EZPPFarm Logo" class="w-12 h-12 mr-2" /> <img src={ezppLogo} alt="EZPPFarm Logo" class="w-12 h-12 mr-2" />
<span class="text-gray-700 dark:text-gray-100 text-xl font-extralight"> <span class="text-gray-700 dark:text-gray-100 text-xl font-extralight">
EZPPLauncher EZPPLauncher
</span> </span>
</div> </div>
{#if $currentPage == Page.Launch} {#if $currentPage == Page.Launch}
<div class="flex flex-row gap-2 w-fill cursor-pointer md:order-2"> <div
class="flex flex-row gap-2 w-fill cursor-pointer md:order-2 animate-fadeIn opacity-0"
>
<Avatar <Avatar
class="rounded-lg border dark:border-gray-700 hover:ring-4 hover:ring-gray-200 dark:hover:ring-gray-800" class="rounded-lg border dark:border-gray-700 hover:ring-4 hover:ring-gray-200 dark:hover:ring-gray-800"
src={loggedIn src={loggedIn