Simplify PDF thumbnail sidebar UI
Removed the header section of the PDF thumbnail sidebar, including the title and close button, to streamline the UI. Updated Razor logic to control sidebar visibility directly, eliminating the need for `.pdf-thumbnails--visible`. Deleted associated CSS styles for the removed elements. Retained scrolling and padding styles for the thumbnail content.
This commit is contained in:
@@ -76,45 +76,6 @@
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.pdf-thumbnails--visible {
|
||||
/* No longer needed - visibility controlled by @if in Razor */
|
||||
}
|
||||
|
||||
.pdf-thumbnails__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 1rem 1.25rem;
|
||||
border-bottom: 2px solid rgba(126, 34, 206, 0.1);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.pdf-thumbnails__title {
|
||||
font-size: 0.875rem;
|
||||
font-weight: 700;
|
||||
color: #1e293b;
|
||||
letter-spacing: 0.025em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.pdf-thumbnails__close {
|
||||
background: transparent;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
padding: 0.375rem;
|
||||
border-radius: 6px;
|
||||
color: #64748b;
|
||||
transition: all 0.2s ease;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.pdf-thumbnails__close:hover {
|
||||
background: rgba(126, 34, 206, 0.1);
|
||||
color: #7e22ce;
|
||||
}
|
||||
|
||||
.pdf-thumbnails__content {
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
|
||||
Reference in New Issue
Block a user