style: migrate important modifier syntax in browse and discover

This commit is contained in:
2026-06-07 17:44:25 +02:00
parent bc9820c536
commit 7f6d2c82cb
2 changed files with 4 additions and 4 deletions

View File

@@ -19,8 +19,8 @@
<p class="text-sm text-foreground">No anime found</p> <p class="text-sm text-foreground">No anime found</p>
<p class="text-sm">Try clearing filters or browsing whats popular.</p> <p class="text-sm">Try clearing filters or browsing whats popular.</p>
<div class="mt-2 flex gap-2"> <div class="mt-2 flex gap-2">
<a href="/browse" class="!rounded-none inline-flex h-10 items-center justify-center bg-background-button px-4 text-sm font-normal text-foreground transition-colors hover:bg-background-button-hover focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent">Clear filters</a> <a href="/browse" class="rounded-none! inline-flex h-10 items-center justify-center bg-background-button px-4 text-sm font-normal text-foreground transition-colors hover:bg-background-button-hover focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent">Clear filters</a>
<a href="/browse?order_by=popularity&sort=desc" class="!rounded-none inline-flex h-10 items-center justify-center bg-background-button px-4 text-sm font-normal text-foreground transition-colors hover:bg-background-button-hover focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent">Browse popular</a> <a href="/browse?order_by=popularity&sort=desc" class="rounded-none! inline-flex h-10 items-center justify-center bg-background-button px-4 text-sm font-normal text-foreground transition-colors hover:bg-background-button-hover focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent">Browse popular</a>
</div> </div>
</div> </div>
{{else}} {{else}}

View File

@@ -16,8 +16,8 @@
<p class="text-sm text-foreground">No top picks yet</p> <p class="text-sm text-foreground">No top picks yet</p>
<p class="text-sm">Add a few anime to your watchlist so the recommender has something to learn from.</p> <p class="text-sm">Add a few anime to your watchlist so the recommender has something to learn from.</p>
<div class="mt-2 flex gap-2"> <div class="mt-2 flex gap-2">
<a href="/watchlist" class="!rounded-none inline-flex h-10 items-center justify-center bg-background-button px-4 text-sm font-normal text-foreground transition-colors hover:bg-background-button-hover focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent">Open watchlist</a> <a href="/watchlist" class="rounded-none! inline-flex h-10 items-center justify-center bg-background-button px-4 text-sm font-normal text-foreground transition-colors hover:bg-background-button-hover focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent">Open watchlist</a>
<a href="/discover" class="!rounded-none inline-flex h-10 items-center justify-center bg-background-button px-4 text-sm font-normal text-foreground transition-colors hover:bg-background-button-hover focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent">Discover anime</a> <a href="/discover" class="rounded-none! inline-flex h-10 items-center justify-center bg-background-button px-4 text-sm font-normal text-foreground transition-colors hover:bg-background-button-hover focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent">Discover anime</a>
</div> </div>
</div> </div>
{{else}} {{else}}