Spaces:
Running
Running
Update _res/_custom.css
Browse files- _res/_custom.css +10 -1
_res/_custom.css
CHANGED
|
@@ -233,6 +233,15 @@ span.has-info+div {
|
|
| 233 |
border: 4px solid var(--text-color-by-luminance);
|
| 234 |
/*background: transparent;*/
|
| 235 |
background-position: center;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 236 |
}
|
| 237 |
|
| 238 |
[data-aspect-ratio="16-9"] {
|
|
@@ -253,7 +262,7 @@ span.has-info+div {
|
|
| 253 |
[data-aspect-ratio="3-4"] {
|
| 254 |
width: 60px !important;
|
| 255 |
height: 90px !important;
|
| 256 |
-
background-image: url("file=_res/assets/ratio_preview_bgs/
|
| 257 |
}
|
| 258 |
[data-aspect-ratio="3-2"] {
|
| 259 |
width: 90px !important;
|
|
|
|
| 233 |
border: 4px solid var(--text-color-by-luminance);
|
| 234 |
/*background: transparent;*/
|
| 235 |
background-position: center;
|
| 236 |
+
|
| 237 |
+
& div {
|
| 238 |
+
width: calc(100% + 20px);
|
| 239 |
+
height: calc(100% + 20px);
|
| 240 |
+
margin-top: -10px;
|
| 241 |
+
margin-left: -10px;
|
| 242 |
+
transition: background-image 0.3s ease-in-out;
|
| 243 |
+
background-position: center;
|
| 244 |
+
}
|
| 245 |
}
|
| 246 |
|
| 247 |
[data-aspect-ratio="16-9"] {
|
|
|
|
| 262 |
[data-aspect-ratio="3-4"] {
|
| 263 |
width: 60px !important;
|
| 264 |
height: 90px !important;
|
| 265 |
+
background-image: url("file=_res/assets/ratio_preview_bgs/60x90px_3zu4.png");
|
| 266 |
}
|
| 267 |
[data-aspect-ratio="3-2"] {
|
| 268 |
width: 90px !important;
|