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

38
layouts/Actionbar.vue
View File

@ -83,14 +83,16 @@ export default {
.actionbar {
display: flex;
flex-direction: column;
position: sticky;
top: 5rem;
align-items: flex-start;
justify-content: center;
width: fit-content;
height: fit-content;
border-radius: 10px;
padding: 30px 10px;
gap: 20px;
box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
border-radius: 0.625rem;
padding: 1.875rem 0.625rem;
gap: 1.25rem;
box-shadow: 0.25rem 0.25rem 0.25rem 0rem rgba(0, 0, 0, 0.25);
background-color: #2c2c2c;
}
@ -101,8 +103,8 @@ export default {
align-items: stretch;
justify-content: center;
align-self: stretch;
padding: 20px 0;
gap: 20px;
padding: 1.25rem 0;
gap: 1.25rem;
}
@ -111,8 +113,8 @@ export default {
flex-direction: row;
align-items: center;
justify-content: flex-start;
height: 30px;
border-radius: 10px;
height: 1.875rem;
border-radius: 0.625rem;
border: none;
background-color: #2c2c2c;
transition-duration: 0.5s;
@ -127,13 +129,13 @@ export default {
flex-direction: row;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
width: 1.875rem;
height: 1.875rem;
}
#indicator-icon {
width: 30px;
height: 30px;
border-radius: 5px;
width: 1.875rem;
height: 1.875rem;
border-radius: 0.3125rem;
background-color: #2c2c2c;
transition-duration: 0.5s;
}
@ -142,24 +144,24 @@ export default {
}
.icon > img {
width: 14px;
height: 14px;
width: 0.875rem;
height: 0.875rem;
filter: invert(100%);
object-fit: contain;
object-position: center;
overflow: hidden;
}
#indicator-icon > img {
height: 20px;
height: 1.25rem;
}
.label {
color: #fff;
letter-spacing: 0.7px;
letter-spacing: 5%;
align-self: center;
white-space: nowrap;
font: 400 14px/20px Overpass, sans-serif;
font: 400 0.875rem/1.25rem Overpass, sans-serif;
}