apple2js/js/components/css/BlockDisk.module.css
Will Scullin 66f3e04d8e
Preact mass storage (#125)
The major impetus for rewriting in UI, at least. Still some ironing to do, but much nicer than my attempt to do this using the old UI "framework".
2022-06-05 10:57:04 -07:00

39 lines
757 B
CSS

.disk {
align-items: center;
display: flex;
flex-grow: 1;
}
.diskLight {
margin: 5px;
background-image: url(../../../css/green-off-16.png);
background-size: 16px 16px;
flex-shrink: 0;
width: 16px;
height: 16px;
}
.diskLight.on {
background-image: url(../../../css/green-on-16.png);
}
.diskLabel {
color: #000;
font-family: sans-serif;
font-weight: bold;
margin-right: 0.5em;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
flex-grow: 1;
}
@media only screen and (min-resolution: 1.25dppx) {
.diskLight {
background-image: url(../../../css/green-off-32.png);
}
.diskLight.on {
background-image: url(../../../css/green-on-32.png);
}
}