Enhance RecipeScanner and CSS components for improved functionality and styling

- Added localPath retrieval for LoRA entries in RecipeScanner to enhance metadata handling.
- Included shared.css in the main stylesheet for better component styling consistency.
- Removed unused local-badge and local-path styles from download-modal.css and recipe-modal.css to streamline the CSS and improve maintainability.
This commit is contained in:
Will Miao
2025-03-19 08:21:51 +08:00
parent 0017a6cce5
commit f38b51b85a
5 changed files with 46 additions and 125 deletions

View File

@@ -293,24 +293,7 @@
font-size: 0.85em;
}
.local-badge {
display: inline-flex;
align-items: center;
background: var(--lora-accent);
color: white;
padding: 3px 6px;
border-radius: var(--border-radius-xs);
font-size: 0.75em;
font-weight: 500;
white-space: nowrap;
flex-shrink: 0;
position: relative;
}
.local-badge i {
margin-right: 4px;
font-size: 0.9em;
}
.missing-badge {
display: inline-flex;
@@ -330,26 +313,6 @@
font-size: 0.9em;
}
.local-path {
display: none;
position: absolute;
background: var(--bg-color);
border: 1px solid var(--border-color);
padding: 4px 8px;
border-radius: var(--border-radius-xs);
font-size: 0.85em;
z-index: 10;
top: 100%;
left: 0;
margin-top: 4px;
white-space: normal;
max-width: 250px;
}
.local-badge:hover .local-path {
display: block;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.recipe-top-section {