Add filters - base model only for now

This commit is contained in:
Will Miao
2025-03-05 19:53:52 +08:00
parent c17f2c885a
commit f614dbf700
9 changed files with 139 additions and 47 deletions

View File

@@ -438,6 +438,10 @@
font-size: 14px;
cursor: pointer;
transition: all 0.2s ease;
user-select: none; /* Prevent text selection */
-webkit-user-select: none; /* For Safari */
-moz-user-select: none; /* For Firefox */
-ms-user-select: none; /* For IE/Edge */
}
.filter-tag:hover {
@@ -467,42 +471,28 @@
/* Filter actions */
.filter-actions {
display: flex;
justify-content: space-between;
justify-content: center;
margin-top: 16px;
gap: 8px;
}
.clear-filters-btn,
.apply-filters-btn {
padding: 6px 12px;
border-radius: var(--border-radius-sm);
font-size: 14px;
cursor: pointer;
transition: background-color 0.2s ease;
}
.clear-filters-btn {
background-color: transparent;
color: var(--text-color);
border: 1px solid var(--border-color);
flex: 1;
padding: 6px 12px;
border-radius: var(--border-radius-sm);
font-size: 14px;
cursor: pointer;
transition: background-color 0.2s ease;
width: 100%;
}
.clear-filters-btn:hover {
background-color: var(--lora-surface-hover);
}
.apply-filters-btn {
background-color: var(--lora-accent);
color: white;
border: 1px solid var(--lora-accent);
flex: 1;
}
.apply-filters-btn:hover {
background-color: var(--lora-accent-hover, var(--lora-accent));
filter: brightness(1.1);
}
/* Remove apply-filters-btn styles since we no longer need it */
@media (max-width: 768px) {
.actions {