adm_tueit/TueIT_App
2
0
Fork 0
Code Issues 3 Pull Requests 3 Packages Projects Releases Wiki Activity

optimized layout

Browse Source
This commit is contained in:
jo.kuehner
2023-11-13 19:30:52 +01:00
parent ffff6f4467
commit fee9acfd6d
17 changed files with 463 additions and 506 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
layouts/PageHeader.vue
View File

@ -30,43 +30,48 @@ export default {
header {
display: flex;
flex-direction: row;
position: sticky;
top: 0;
width: 100%;
height: 4.375rem;
align-self: stretch;
justify-content: space-between;
align-items: center;
align-self: stretch;
padding: 0.625rem 1.25rem;
background-color: #2c2c2c;
height: 60px;
padding: 10px 20px;
}
#header-logo {
object-fit: contain;
object-position: center;
width: 80px;
height: 40px;
width: 5rem;
height: 2.5rem;
justify-content: center;
align-items: center;
overflow: hidden;
}
.profile {
align-items: flex-end;
display: flex;
gap: 10px;
padding: 0 10px;
flex-direction: row;
align-items: flex-end;
gap: 0.625rem;
padding: 0 0.625rem;
}
.username {
color: #fff;
text-align: right;
letter-spacing: 0.8px;
align-self: center;
margin: auto 0;
font: 200 14px Overpass, sans-serif;
color: #fff;
text-align: right;
font: 200 0.875rem Overpass, sans-serif;
letter-spacing: 5%;
}
.picture {
display: flex;
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
width: 40px;
height: 40px;
background-color: #fff;
}