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

Fix instrument overview page styling on mobile

This commit is contained in:
Ramon Wenger 2023-02-22 12:12:44 +01:00
parent 95461b1de8
commit 52a4411f3e
2 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
client/src/components/instruments/InstrumentEntry.vue
View File

@ -59,6 +59,7 @@ export default {
&__title { &__title {
@include heading-3; @include heading-3;
margin-bottom: 0; margin-bottom: 0;
overflow-wrap: break-word;
} }
&__category { &__category {

3
client/src/pages/instrumentOverview.vue
View File

@ -100,9 +100,10 @@ export default {
&__list { &__list {
padding: $large-spacing 0; padding: $large-spacing 0;
max-width: $screen-width; max-width: min($screen-width, 100vw);
width: 100%; width: 100%;
display: flex; display: flex;
overflow: hidden;
flex-direction: column; flex-direction: column;
justify-self: center; justify-self: center;
} }