Swap to icon grid instead of individual icons
saves like 3kb :p
This commit is contained in:
+53
-17
@@ -1,3 +1,5 @@
|
||||
/* Layout */
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
@@ -26,13 +28,11 @@ div.foreground {
|
||||
}
|
||||
|
||||
div.pattern {
|
||||
background: url("/private/bg_pattern.png?v={{ .Version }}");
|
||||
background-repeat: repeat-x;
|
||||
height: 152px;
|
||||
}
|
||||
|
||||
div.graphic {
|
||||
background: url("/private/bg_graphic.png?v={{ .Version }}");
|
||||
width: 256px;
|
||||
height: 259px;
|
||||
position: absolute;
|
||||
@@ -56,12 +56,6 @@ div.directory {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
a.entry[data-type="directory"] div.icon {
|
||||
background-size: 32px 32px;
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
}
|
||||
|
||||
a.entry {
|
||||
display: inline-flex;
|
||||
flex-direction: column;
|
||||
@@ -73,7 +67,7 @@ a.entry {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
a.entry img.icon {
|
||||
a.entry div.icon {
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
}
|
||||
@@ -87,7 +81,6 @@ a.entry span.filename {
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
|
||||
a.entry {
|
||||
padding: 4px;
|
||||
width: 100%;
|
||||
@@ -96,14 +89,57 @@ a.entry span.filename {
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
a.entry img.icon,
|
||||
a.entry[data-type="directory"] div.icon {
|
||||
background-size: 1em 1em;
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
}
|
||||
|
||||
a.entry span.filename {
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
/* Icons */
|
||||
|
||||
.icon-archive {
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
.icon-audio {
|
||||
background-position: -32px 0;
|
||||
}
|
||||
|
||||
.icon-config {
|
||||
background-position: -64px 0;
|
||||
}
|
||||
|
||||
.icon-document {
|
||||
background-position: -96px 0;
|
||||
}
|
||||
|
||||
a.entry[data-type="directory"] .icon-directory {
|
||||
background-position: 0 -32px;
|
||||
}
|
||||
|
||||
a.entry[data-type="directory"]:hover .icon-directory {
|
||||
background-position: -32px -32px;
|
||||
}
|
||||
|
||||
.icon-generic {
|
||||
background-position: -64px -32px;
|
||||
}
|
||||
|
||||
.icon-photo {
|
||||
background-position: -96px -32px;
|
||||
}
|
||||
|
||||
.icon-program {
|
||||
background-position: 0 -64px;
|
||||
}
|
||||
|
||||
.icon-redirect {
|
||||
background-position: -32px -64px;
|
||||
}
|
||||
|
||||
.icon-script {
|
||||
background-position: -64px -64px;
|
||||
}
|
||||
|
||||
.icon-video {
|
||||
background-position: -96px -64px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user