ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Fix styling in class list 

Fixes MS-545
This commit is contained in:
Ramon Wenger 2023-01-12 16:56:39 +01:00
parent 4daf56f6da
commit 7b054dc585
4 changed files with 28 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
client/src/components/profile/GroupList.vue
View File

@ -181,13 +181,17 @@ export default {
} }
&__role { &__role {
flex: 0 1 110px; @include desktop {
text-align: right; flex: 0 1 110px;
text-align: right;
}
} }
&__action { &__action {
flex: 0 1 110px; @include desktop {
padding-left: $large-spacing; flex: 0 1 110px;
padding-left: $large-spacing;
}
} }
} }
</style> </style>

14
client/src/components/profile/ShowCode.vue
View File

@ -32,12 +32,20 @@ export default {
.show-code { .show-code {
&__title { &__title {
@include regular-text; @include regular-text;
margin-bottom: 2 * $large-spacing;
margin-bottom: $large-spacing;
@include desktop {
margin-bottom: 2 * $large-spacing;
}
} }
&__code { &__code {
font-size: toRem(120px); font-size: toRem(60px);
letter-spacing: toRem(20px); letter-spacing: toRem(10px);
@include desktop {
font-size: toRem(120px);
letter-spacing: toRem(20px);
}
font-weight: 600; font-weight: 600;
} }
} }

2
client/src/styles/_room.scss
View File

@ -37,7 +37,7 @@
&__meta { &__meta {
display: flex; display: flex;
flex-direction: column; flex-direction: column-reverse;
@include desktop { @include desktop {
flex-direction: row-reverse; flex-direction: row-reverse;
} }

12
client/src/styles/_simple-list.scss
View File

@ -8,13 +8,17 @@
} }
&__item { &__item {
line-height: $list-height;
height: $list-height;
border-bottom: 1px solid $color-silver-dark; border-bottom: 1px solid $color-silver-dark;
display: flex; display: flex;
flex-direction: row; flex-direction: column;
justify-content: space-between; line-height: $list-height;
@include desktop {
flex-direction: row;
height: $list-height;
justify-content: space-between;
}
} }
&__action { &__action {