diff --git a/frontend/src/styles.css b/frontend/src/styles.css index 04e32b3..14ea90c 100644 --- a/frontend/src/styles.css +++ b/frontend/src/styles.css @@ -1932,6 +1932,16 @@ button.danger:hover:not([disabled]) { align-items: center; } +.documents-panel--view-grid .folder-card__icon { + width: var(--documents-grid-icon-size); + height: var(--documents-grid-icon-size); + padding: 8px; + border-radius: 10px; + display: flex; + justify-content: center; + align-items: center; +} + .document-thumbnail-inner { position: relative; display: inline-flex; @@ -2118,7 +2128,8 @@ button.danger:hover:not([disabled]) { text-align: center; } -.document-card.selected .document-thumbnail-wrapper { +.document-card.selected .document-thumbnail-wrapper, +.folder-card.selected .folder-card__icon { background-color: var(--selection-soft); } @@ -2147,7 +2158,8 @@ button.danger:hover:not([disabled]) { font-size: var(--documents-grid-title-size); } -.document-card.selected .document-card__title { +.document-card.selected .document-card__title, +.folder-card.selected .folder-card__name { background-color: var(--accent); color: var(--on-accent); } @@ -2196,6 +2208,8 @@ button.danger:hover:not([disabled]) { text-overflow: ellipsis; white-space: break-word; font-size: var(--documents-grid-title-size); + padding: 0.2rem 0.7rem; + border-radius: 1rem; }