albert/qmining-page
1
0
Fork 0
mirror of https://gitlab.com/MrFry/qmining-page synced 2025-04-01 20:23:44 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Chat

Browse source
This commit is contained in:
mrfry 2021-05-29 21:44:08 +02:00
parent c60ace4f9b
commit 602e16046e
18 changed files with 512 additions and 174 deletions
Download patch file Download diff file Expand all files Collapse all files

42
src/components/layout.module.css
View file

@ -7,6 +7,7 @@
width: 100%;
max-width: 1200px;
border-bottom: 1px solid var(--primary-color);
box-shadow: 0px 3px 3px -3px var(--primary-color);
height: 45px;
}
@ -19,16 +20,33 @@
border: none;
margin: 0px 15px;
}
@media screen and (max-width: 700px) {
.topBar img {
display: none;
}
.topBarLinks > *:nth-child(1) {
display: none;
}
.topBarLinks > *:nth-child(3) {
display: none;
}
}
.topBarLinks {
display: flex;
align-items: center;
align-items: stretch;
word-wrap: break-word;
}
.topBarLinks > * {
display: flex;
align-items: center;
border: 0.5px solid transparent;
text-align: center;
padding: 0px 10px;
padding: 0px 8px;
margin: 0px 2px;
text-decoration: none;
}
@ -37,6 +55,11 @@
border-radius: 5px;
}
.topBarLinks a.active {
border: 0.5px solid var(--text-color);
border-radius: 5px;
}
.sidebar {
top: 45px;
display: flex;
@ -54,6 +77,8 @@
width: 100%;
height: auto;
position: relative;
border-bottom: 1px solid var(--primary-color);
box-shadow: 0px 3px 3px -3px var(--primary-color);
}
.sidebar a {
@ -79,14 +104,13 @@
}
.sidebarLinks > a {
border: 0.5px solid transparent;
display: block;
border: 0.5px solid transparent;
text-align: center;
color: black;
font-size: 108%;
padding: 14px;
margin-top: 4px;
margin-bottom: 4px;
margin: 5px 2px;
text-decoration: none;
color: var(--bright-color);
transition: width 0.5s, height 0.5s, ease-in 0.5s;
@ -146,7 +170,7 @@
@media screen and (max-width: 700px) {
.menuicon div {
display: block;
margin: 6px 0;
margin: 6px;
width: 30px;
height: 5px;
background-color: var(--bright-color);
@ -198,13 +222,14 @@
.unreadNotification > span {
top: 8px;
right: -8px;
display: inline-block;
position: relative;
}
.unreadNotification > div {
display: inline-block;
right: 10px;
right: 5px;
top: 10px;
position: relative;
@ -216,7 +241,6 @@
@media screen and (max-width: 700px) {
.unreadNotification > div {
right: -10px;
top: -23px;
top: 10px;
}
}