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

Fixed things

Browse source
This commit is contained in:
ericb 2024-11-26 17:45:04 +01:00
parent 4dc0277552
commit 4f922a91e6
1 changed files with 27 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

34
static/css/main.css
View file

@ -52,6 +52,9 @@ body {
#mainNav, .offcanvas-backdrop{ #mainNav, .offcanvas-backdrop{
top: var(--top-bar); top: var(--top-bar);
} }
/* .offcanvas-body{
background-color: var(--accent-light);
} */
.offcanvas-header, .offcanvas-body{ .offcanvas-header, .offcanvas-body{
padding: 1.625rem; padding: 1.625rem;
} }
@ -64,9 +67,9 @@ body {
height: auto; height: auto;
min-height: calc(100vh - var(--top-bar)) min-height: calc(100vh - var(--top-bar))
} }
[data-platform="public"] > [data-screen="connect"]{ /* [data-platform="public"] > [data-screen="connect"]{
/* background-color: var(--accent-normal); */ background-color: var(--accent-normal);
} } */
[data-screen="404"] .container{ [data-screen="404"] .container{
justify-content: center; justify-content: center;
} }
@ -209,11 +212,25 @@ article li:not(:first-of-type){
background: white; background: white;
padding: calc(var(--div-padding) / 2); padding: calc(var(--div-padding) / 2);
border-radius: 0.25rem; border-radius: 0.25rem;
margin-top: 1rem margin-top: 1rem;
position: relative;
}
.profile:not(:first-child){
margin-top: 1.75rem;
}
.profile:not(:first-child):before {
content: '•••';
display: flex;
position: absolute;
top: -1.625rem;
width: 100%;
left: 0;
justify-content: center;
align-items: center;
font-size: 2rem;
line-height: .525;
color: darkgray;
} }
/* .profile:nth-child(even){
margin-top: 1rem
} */
.user-avatar img{ .user-avatar img{
width: 9em; width: 9em;
height: 9em; height: 9em;
@ -398,6 +415,9 @@ footer a img{
width: fit-content; width: fit-content;
margin: calc(var(--div-padding) / 1.25) auto 0; margin: calc(var(--div-padding) / 1.25) auto 0;
} }
.offcanvas-body{
background-color: var(--accent-light);
}
} }
@media (576px <= width <= 992px) { @media (576px <= width <= 992px) {
.btn-stack{ .btn-stack{