ahtlon/deck
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Give modal a bit more padding

Browse Source 
Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
Julius Härtl
2020-10-13 09:57:22 +02:00
parent 1f54ecca5b
commit 4e996402c7
2 changed files with 13 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/App.vue
View File

@@ -131,13 +131,6 @@ export default {
} }
} }
} }
</style>
<style lang="scss">
.multiselect {
width: 100%;
}
.modal__card { .modal__card {
min-width: 320px; min-width: 320px;
@@ -147,3 +140,11 @@ export default {
height: 80vh; height: 80vh;
} }
</style> </style>
<style lang="scss">
.multiselect {
width: 100%;
}
</style>

8
src/components/card/CardSidebar.vue
View File

@@ -571,14 +571,16 @@ export default {
// FIXME: Obivously we should at some point not randomly reuse the sidebar component // FIXME: Obivously we should at some point not randomly reuse the sidebar component
// since this is not oficially supported // since this is not oficially supported
.modal__card .app-sidebar { .modal__card .app-sidebar {
$modal-padding: 14px;
border: 0; border: 0;
min-width: 100%; min-width: calc(100% - #{$modal-padding*2});
position: relative; position: relative;
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;
max-width: 100%; max-width: calc(100% - #{$modal-padding*2});
max-height: 100%; padding: 14px;
max-height: calc(100% - #{$modal-padding*2});
&::v-deep { &::v-deep {
.app-sidebar-header { .app-sidebar-header {
position: sticky; position: sticky;