feat(ui): add file-type icons and clamp window titles
Add a file-to-icon resolver for common MIME types/extensions so uploads display appropriate Win98-style icons. Update upload and window CSS to use image-based, pixelated icons, and prevent long window titles from overflowing by adding a flex label with ellipsis handling.feat(ui): add file-type icons and clamp window titles Add a file-to-icon resolver for common MIME types/extensions so uploads display appropriate Win98-style icons. Update upload and window CSS to use image-based, pixelated icons, and prevent long window titles from overflowing by adding a flex label with ellipsis handling.
This commit is contained in:
@@ -26,14 +26,34 @@
|
||||
}
|
||||
|
||||
.win98-titlebar h1 {
|
||||
min-width: 0;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
font-size: 14px;
|
||||
line-height: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.win98-titlebar-label {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
min-width: 0;
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
.win98-titlebar-icon {
|
||||
flex: 0 0 auto;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
object-fit: contain;
|
||||
image-rendering: pixelated;
|
||||
}
|
||||
|
||||
.win98-window-controls {
|
||||
display: flex;
|
||||
flex: 0 0 auto;
|
||||
gap: 2px;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user