Header: add animations

This commit is contained in:
MotorTruck1221
2025-03-22 18:51:50 -06:00
parent 17eaceb267
commit 21ec84c57b
6 changed files with 703 additions and 25 deletions
+2 -2
View File
@@ -19,9 +19,9 @@ const randomSplash = genSplash();
<Icon name="lucide:radius" class="h-16 w-16 rotate-180 text-(--foreground)" />
<h1 class="text-6xl font-semibold">Radius</h1>
</div>
<div class="flex flex-row items-center gap-2 w-[26rem] border border-(--input) rounded-lg h-12 p-2">
<div class="flex flex-row items-center gap-2 w-4/5 md:w-[26rem] border border-(--input) rounded-lg h-12 p-2">
<Icon name="lucide:search" />
<input type="text" name="Search" class="text-sm focus-visible:outline-none w-full h-full placeholder:text-(--muted-foreground)" id="search" placeholder="Search the web">
<input type="text" name="Search" class="text-md md:text-sm focus-visible:outline-none w-full h-full placeholder:text-(--muted-foreground)" id="search" placeholder="Search the web">
</div>
<p class="text-base"> { randomSplash } </p>
</div>