better layout: page-separators
Massimo Melina committed
Oct 28, 2023 at 19:21 UTC
3f40a327e09941730d89bbef2953911be861a533
2 files changed
+7
-7
admin/src/LogsPage.ts
+1
-1
@@ -105,7 +105,7 @@ function LogFile({ file }: { file: string }) {
105
{
106
field: 'notes',
107
headerName: "Notes",
108
- width: 100,
108
+ width: 105, // https://github.com/rejetto/hfs/discussions/388
109
hideUnder: 'sm',
110
cellClassName: 'wrap',
111
},
frontend/src/index.scss
+6
-6
@@ -308,12 +308,12 @@ ul.dir {
308
309
&>div:last-of-type { clear:both }
310
&.page-separator {
311
- margin-top: 1em;
311
+ margin-top: .7em;
312
position: relative;
313
&::before {
314
content: attr(label);
315
position: absolute;
316
- top: -1.8em;
316
+ top: -1.5em;
317
font-size: smaller;
318
margin-left: calc(50% - 1em);
319
opacity: .9;
@@ -498,10 +498,10 @@ button label {
498
#root>.tiles-mode {
499
max-width: none;
500
margin: 0 1em;
501
- --tiles-size: 5;
501
+ --tile-size: 5;
502
--name-lines: 3;
503
- --name-height: calc(4.7em + var(--tiles-size) * .4em + 1.2em * var(--name-lines));
504
- --tile-width: calc(5em + 1em * var(--tiles-size));
503
+ --name-height: calc(4.7em + var(--tile-size) * .4em + 1.2em * var(--name-lines));
504
+ --tile-width: calc(5em + 1em * var(--tile-size));
505
506
ul.dir {
507
display: grid;
@@ -530,7 +530,7 @@ button label {
530
a {
531
&:last-of-type { padding: 0; }
532
span { display: block; }
533
- .icon.icon { font-size: calc(1.2rem + .6rem * var(--tiles-size)); }
533
+ .icon.icon { font-size: calc(1.2rem + .6rem * var(--tile-size)); }
534
img.icon {
535
width: auto;
536
height: 1em;