eric/e-tandem_UI
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Clean DOM and modified side-menu

Browse source
This commit is contained in:
ericb 2024-12-02 15:06:19 +01:00
parent 476bc01a8c
commit 5fa25967a6
4 changed files with 47 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

44
static/css/main.css
View file

@ -115,11 +115,13 @@ h1, h2, h3, h4{
/* heros */
.hero{
background-image: linear-gradient(to right bottom, #f28705, #f69602, #f9a502, #fbb409, #fdc314);
/* background-image: linear-gradient(to right bottom, #f28705, #f69602, #f9a502, #fbb409, #fdc314); */
background-image: linear-gradient(to right bottom, rgb(242,135,5), rgb(246,150,2), rgb(249,165,2), rgb(251,180,9), rgb(253,155,20));
margin-top: var(--top-bar);
height: auto;
}
.hero .d-flex{
.hero > div{
display: flex;
justify-content: center;
}
.hero .row{
@ -201,7 +203,7 @@ h1, h2, h3, h4{
padding: var(--div-padding);
}
#tandem-method{
background-image: linear-gradient(to right bottom, #f28705, #f69602, #f9a502, #fbb409, #fdc314);
background-image: linear-gradient(to right bottom, rgb(242,135,5), rgb(246,150,2), rgb(249,165,2), rgb(251,180,9), rgb(253,155,20));
}
.bottom-anchored{
margin-bottom: calc(var(--div-padding) * -1);
@ -422,7 +424,41 @@ footer a img{
margin: calc(var(--div-padding) / 1.25) auto 0;
}
.offcanvas-body{
background-color: var(--accent-light);
padding: 0;
background: rgb(253, 195, 20);
}
.offcanvas-body nav{
margin-top: calc(var(--div-padding) / 2);
}
.offcanvas .nav{
padding-left: calc(var(--div-padding) / 2);
margin-bottom: auto !important;
flex-direction: column !important;
}
.offcanvas .nav-link{
background: none;
padding: var(--bs-nav-link-padding-y) calc(var(--div-padding) / 2);
border-radius: 0;
color: black;
}
.offcanvas .nav-link.active{
background-color: rgba(255,255,255,.5);
font-weight: 700;
pointer-events: none;
cursor: default;
border-top-left-radius: 2rem;
border-bottom-left-radius: 2rem;
}
.offcanvas .nav-link:focus{
color: white;
background-color: #fdc314;
font-weight: 600;
}
#side-lang{
display: flex;
align-items: center;
gap: 1rem;
padding: calc(var(--div-padding) / 2);
}
}
@media (576px <= width <= 992px) {