unfixed menu

This commit is contained in:
Adrien MALINGREY 2024-10-22 17:57:11 +02:00
parent f2acc56ef7
commit 2ef0421078
4 changed files with 35 additions and 35 deletions

View File

@ -20,7 +20,7 @@ include_once 'filter_inputs.php';
</head> </head>
<body> <body>
<nav class="ui inverted teal fixed menu"> <nav class="ui inverted teal menu">
<a class="ui teal button item" href="."> <a class="ui teal button item" href=".">
lan<?php include 'logo.svg'; ?>can lan<?php include 'logo.svg'; ?>can
</a> </a>

View File

@ -16,7 +16,7 @@
</head> </head>
<body> <body>
<nav class="ui inverted teal fixed menu"> <nav class="ui inverted teal menu">
<a class="ui teal button item" href="."> <a class="ui teal button item" href=".">
lan<?php include 'logo.svg'; ?>can lan<?php include 'logo.svg'; ?>can
</a> </a>

View File

@ -1,75 +1,75 @@
svg { svg {
margin: -.3em -.5em -.5em -.4em; margin: -0.3em -0.5em -0.5em -0.4em;
fill: currentColor; fill: currentColor;
}
main {
padding-top: 7em;
min-height: calc(100vh - 4.4285em - 2px);
} }
.ui.footer.segment { .ui.footer.segment {
margin-bottom: 0; margin-bottom: 0;
} }
.tagify { .tagify {
width: 100%; width: 100%;
border-radius: .28571429rem; border-radius: 0.28571429rem;
--tags-focus-border-color: #85b7d9; --tags-focus-border-color: #85b7d9;
--placeholder-color: rgba(191,191,191,.87); --placeholder-color: rgba(191, 191, 191, 0.87);
--placeholder-color-focus: rgba(115,115,115,.87); --placeholder-color-focus: rgba(115, 115, 115, 0.87);
} }
.ui.table { .ui.table {
caption-side: bottom; caption-side: bottom;
} }
.ui.label { .ui.label {
margin: .14285714em; margin: 0.14285714em;
} }
.ui.label > .detail { .ui.label > .detail {
margin-left: .3em; margin-left: 0.3em;
text-transform: capitalize; text-transform: capitalize;
} }
.ui.form .fields > .field { .ui.form .fields > .field {
width: 100%; width: 100%;
} }
.ui.ui.form .field .fields .field:not(:only-child) .ui.checkbox { .ui.ui.form .field .fields .field:not(:only-child) .ui.checkbox {
margin-top: 0; margin-top: 0;
} }
.ui.dropdown.label { .ui.dropdown.label {
min-width: auto; min-width: auto;
} }
.ui.dropdown.label> .remove.icon { .ui.dropdown.label > .remove.icon {
right: 2.3em; right: 2.3em;
} }
.toast-container .ui.header { .toast-container .ui.header {
text-transform: capitalize; text-transform: capitalize;
} }
.share-size { .share-size {
--free-ratio: calc(var(--free) / var(--total)); --free-ratio: calc(var(--free) / var(--total));
--used-percent: calc(100% - 100%*var(--free-ratio)); --used-percent: calc(100% - 100% * var(--free-ratio));
--color: hsl(calc(120*var(--free-ratio)) 100% 50%); --color: hsl(calc(120 * var(--free-ratio)) 100% 50%);
background-image: linear-gradient(to right, var(--color) var(--used-percent), transparent var(--used-percent), transparent) !important; background-image: linear-gradient(
text-align: center !important; to right,
var(--color) var(--used-percent),
transparent var(--used-percent),
transparent
) !important;
text-align: center !important;
} }
.compact .ui.icon.buttons .mini.button { .compact .ui.icon.buttons .mini.button {
padding: 0.5em; padding: 0.5em;
} }
.compact { .compact {
overflow-x: scroll; overflow-x: scroll;
} }
.compact > input{ .compact > input {
min-width: 10em; min-width: 10em;
padding-right: .1em; padding-right: 0.1em;
} }

View File

@ -12,7 +12,7 @@
<xsl:param name="nextComparison"/> <xsl:param name="nextComparison"/>
<xsl:param name="refreshPeriod"/> <xsl:param name="refreshPeriod"/>
<xsl:param name="sudo"/> <xsl:param name="sudo"/>
<nav class="ui inverted teal fixed menu"> <nav class="ui inverted teal menu">
<a class="ui teal button item" href="{$basedir}"> <a class="ui teal button item" href="{$basedir}">
<xsl:text>lan</xsl:text> <xsl:text>lan</xsl:text>
<svg class="logo" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve" width="40" height="40" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"><defs id="defs206"/><g id="g998" transform="matrix(0,0.04687491,-0.04687491,0,24,2.2682373e-5)"><g id="g147"><g id="g145"><path d="m 322.065,92.046 c -46.24,0 -83.851,37.619 -83.851,83.857 v 168.712 c 0,25.224 -21.148,45.745 -46.372,45.745 -25.224,0 -46.372,-20.521 -46.372,-45.745 V 199.464 h -38.114 v 145.151 c 0,46.24 38.246,83.859 84.486,83.859 46.24,0 84.486,-37.619 84.486,-83.859 V 175.903 c 0,-25.223 20.514,-45.743 45.737,-45.743 25.223,0 45.737,20.521 45.737,45.743 v 134.092 h 38.114 V 175.903 c 0,-46.239 -37.611,-83.857 -83.851,-83.857 z" id="path143"/></g></g><g id="g153"><g id="g151"><path d="M 144.198,0 H 108.625 C 98.101,0 89.568,8.746 89.568,19.271 c 0,1.157 0.121,2.328 0.318,3.598 h 73.052 c 0.197,-1.27 0.318,-2.441 0.318,-3.598 C 163.256,8.746 154.723,0 144.198,0 Z" id="path149"/></g></g><g id="g159"><g id="g157"><path d="m 420.183,486.591 h -71.731 c -0.626,2.541 -0.978,4.077 -0.978,6.176 0,10.525 8.532,19.234 19.057,19.234 h 35.573 c 10.525,0 19.057,-8.709 19.057,-19.234 0,-2.098 -0.352,-3.635 -0.978,-6.176 z" id="path155"/></g></g><g id="g165"><g id="g163"><rect x="87.027" y="41.925999" width="80.040001" height="138.481" id="rect161"/></g></g><g id="g171"><g id="g169"><rect x="344.93301" y="329.052" width="80.040001" height="138.481" id="rect167"/></g></g><g id="g173"></g><g id="g175"></g><g id="g177"></g><g id="g179"></g><g id="g181"></g><g id="g183"></g><g id="g185"></g><g id="g187"></g><g id="g189"></g><g id="g191"></g><g id="g193"></g><g id="g195"></g><g id="g197"></g><g id="g199"></g><g id="g201"></g></g></svg> <svg class="logo" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve" width="40" height="40" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"><defs id="defs206"/><g id="g998" transform="matrix(0,0.04687491,-0.04687491,0,24,2.2682373e-5)"><g id="g147"><g id="g145"><path d="m 322.065,92.046 c -46.24,0 -83.851,37.619 -83.851,83.857 v 168.712 c 0,25.224 -21.148,45.745 -46.372,45.745 -25.224,0 -46.372,-20.521 -46.372,-45.745 V 199.464 h -38.114 v 145.151 c 0,46.24 38.246,83.859 84.486,83.859 46.24,0 84.486,-37.619 84.486,-83.859 V 175.903 c 0,-25.223 20.514,-45.743 45.737,-45.743 25.223,0 45.737,20.521 45.737,45.743 v 134.092 h 38.114 V 175.903 c 0,-46.239 -37.611,-83.857 -83.851,-83.857 z" id="path143"/></g></g><g id="g153"><g id="g151"><path d="M 144.198,0 H 108.625 C 98.101,0 89.568,8.746 89.568,19.271 c 0,1.157 0.121,2.328 0.318,3.598 h 73.052 c 0.197,-1.27 0.318,-2.441 0.318,-3.598 C 163.256,8.746 154.723,0 144.198,0 Z" id="path149"/></g></g><g id="g159"><g id="g157"><path d="m 420.183,486.591 h -71.731 c -0.626,2.541 -0.978,4.077 -0.978,6.176 0,10.525 8.532,19.234 19.057,19.234 h 35.573 c 10.525,0 19.057,-8.709 19.057,-19.234 0,-2.098 -0.352,-3.635 -0.978,-6.176 z" id="path155"/></g></g><g id="g165"><g id="g163"><rect x="87.027" y="41.925999" width="80.040001" height="138.481" id="rect161"/></g></g><g id="g171"><g id="g169"><rect x="344.93301" y="329.052" width="80.040001" height="138.481" id="rect167"/></g></g><g id="g173"></g><g id="g175"></g><g id="g177"></g><g id="g179"></g><g id="g181"></g><g id="g183"></g><g id="g185"></g><g id="g187"></g><g id="g189"></g><g id="g191"></g><g id="g193"></g><g id="g195"></g><g id="g197"></g><g id="g199"></g><g id="g201"></g></g></svg>