mirror/dashboard-icons
1
0
Fork 0
mirror of https://github.com/walkxcode/dashboard-icons.git synced 2025-11-09 04:58:57 +01:00
Code Issues Packages Projects Releases Wiki Activity

Styling changes

Browse Source
This commit is contained in:
Thomas Camlong
2025-04-18 16:51:04 +02:00
parent 783e3d1f4b
commit bc9ee8c022
6 changed files with 53 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/app/icons/components/icon-search.tsx
View File

@@ -247,7 +247,7 @@ export function IconSearch({ icons }: IconSearchProps) {
{/* Filter dropdown */}
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button variant="outline" size="sm" className="flex-1 sm:flex-none cursor-pointer border-border shadow-sm0/10 ">
<Button variant="outline" size="sm" className="flex-1 sm:flex-none cursor-pointer bg-background border-border shadow-sm ">
<Filter className="h-4 w-4 mr-2" />
<span>Filter</span>
{selectedCategories.length > 0 && (
@@ -294,11 +294,7 @@ export function IconSearch({ icons }: IconSearchProps) {
{/* Sort dropdown */}
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button
variant="outline"
size="sm"
className="flex-1 sm:flex-none cursor-pointer border-border shadow-sm0/10 hover:border-rose-500"
>
<Button variant="outline" size="sm" className="flex-1 sm:flex-none cursor-pointer bg-background border-border shadow-sm">
{getSortIcon(sortOption)}
<span className="ml-2">{getSortLabel(sortOption)}</span>
</Button>
@@ -327,7 +323,7 @@ export function IconSearch({ icons }: IconSearchProps) {
{/* Clear all button */}
{(searchQuery || selectedCategories.length > 0 || sortOption !== "relevance") && (
<Button variant="outline" size="sm" onClick={clearFilters} className="flex-1 sm:flex-none cursor-pointer border-rose-500/20">
<Button variant="outline" size="sm" onClick={clearFilters} className="flex-1 sm:flex-none cursor-pointer bg-background">
<X className="h-4 w-4 mr-2" />
<span>Clear all</span>
</Button>
@@ -361,7 +357,7 @@ export function IconSearch({ icons }: IconSearchProps) {
setSelectedCategories([])
updateResults(searchQuery, [], sortOption)
}}
className="text-xs h-7 px-2 0/10 cursor-pointer"
className="text-xs h-7 px-2 cursor-pointer"
>
Clear all
</Button>

2
web/src/app/icons/page.tsx
View File

@@ -54,7 +54,7 @@ export default async function IconsPage() {
return (
<div className="isolate overflow-hidden">
<div className="py-8">
<div className="space-y-4 mb-8 mx-auto min-w-[80vw]">
<div className="space-y-4 mb-8 mx-auto w-7xl">
<div className="flex flex-col sm:flex-row sm:items-center justify-between gap-4">
<div>
<h1 className="text-3xl font-bold">Browse icons</h1>