Kizuren/statusPage
1
0
Fork 0
mirror of https://github.com/Kizuren/statusPage.git synced 2026-01-04 21:56:43 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Styling adjustments

Browse source
This commit is contained in:
ybouane 2024-10-10 00:10:42 -04:00
parent 53b80ab978
commit 83cab101f8
1 changed files with 19 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

29
static/style.css
View file

@ -13,12 +13,10 @@ body {
align-items: center;
background-color: #212429;
color:#e4e4e4;
gap:15px;
gap:25px;
font-family: "Fira Sans Condensed", sans-serif;
padding:20px;
&>h1 {
}
padding:40px 20px;
min-height:100vh;
}
a {
@ -30,11 +28,15 @@ a {
}
header {
&>h1 {
font-weight:600;
}
}
main {
align-self:stretch;
max-width:900px;
width:95%;
flex-grow: 1;
}
footer {
@ -46,6 +48,7 @@ status-bar {
flex-flow:row nowrap;
align-items:center;
justify-content:space-between;
margin: 10px 0px;
& status-bar-entry {
display:block;
flex:1 1 0px;
@ -74,11 +77,11 @@ status-bar {
position:absolute;
left:50%;
bottom:100%;
transition: transform 0.25s;
transition: transform 0.25s, opacity 0.25s;
transform:translate(-50%, 0px);
opacity:0;
pointer-events: none;
padding:3px;
padding:3px 8px;
background:#000000;
border-radius:4px;
transition-delay: 0.3s;
@ -92,11 +95,17 @@ status-bar {
font-size:0.9em;
z-index:1;
}
&:hover > div {
&:focus {
box-shadow:0px 0px 0px 1.5px #d6d7d8;
}
&:hover > div, &:focus > div {
pointer-events:initial;
transform:translate(-50%, -5px);
opacity:1;
transition-delay: 0s;
}
&:hover > div {
z-index:2;
}
}
}