klmp200/Sith
1
0
Fork 0
mirror of https://github.com/ae-utbm/sith.git synced 2025-07-09 19:40:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

[CSS] Follow up of #578 (#589)

Browse Source
This commit is contained in:
Julien Constant
2023-04-04 15:21:09 +02:00
committed by GitHub
parent 93cc2c883e
commit 1bfe929ab3
5 changed files with 156 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
core/static/user/user_tools.scss
View File

@ -8,6 +8,7 @@ main {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
margin-top: 20px;
gap: 10px;
> div {
@ -15,16 +16,65 @@ main {
background-color: rgba(0, 0, 0, .05);
width: 210px;
>h4 {
> h4 {
text-align: center;
}
>ul {
> ul {
list-style-type: none;
margin: 20px 10px;
display: flex;
flex-direction: column;
gap: 10px;
> .rows {
display: flex;
flex-direction: column;
gap: 5px;
> span {
margin-top: 5px;
}
> span > span,
> span {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 5px;
width: 100%;
>.button {
font-size: smaller;
width: 100%;
margin: 0;
}
> span {
display: flex;
flex-direction: row;
width: 100%;
> .button {
width: 100%;
}
}
}
> span > span {
flex-wrap: nowrap;
}
}
> .counter {
background-color: rgba(0, 0, 0, .05);
border-radius: 5px;
padding: 10px;
@media (max-width: 550px) {
background-color: rgba(0, 0, 0, .1);
}
}
}
}