WebPlay/client
1
1
Fork 0
Code Issues 10 Pull Requests Packages Projects Releases Wiki Activity

fix round corners #36

Merged
artem merged 1 commits from dev into main 2023-11-05 18:38:59 +01:00
Conversation 0 Commits 1 Files Changed 1 +12 -2
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/base-components/Dialog.vue
View File

@ -24,7 +24,7 @@
</button> </button>
</div> </div>
</div> </div>
<div class="dialog-body" :class="{ hideXScroll: disableXscroll == true, hideYScroll: disableYscroll == true, 'flat-dialog-header': flatDialogHeader == true}"> <div class="dialog-body" :class="{ hideXScroll: disableXscroll == true, hideYScroll: disableYscroll == true, 'flat-dialog-header': flatDialogHeader == true }">
<slot /> <slot />
<div class="dialog-body-content" v-if="dialogContent" v-html="dialogContent" /> <div class="dialog-body-content" v-if="dialogContent" v-html="dialogContent" />
</div> </div>
@ -420,12 +420,17 @@ export default {
flex-grow: 1; flex-grow: 1;
} }
.dialog-window.fullscreen
.dialog-body.flat-dialog-header { .dialog-body.flat-dialog-header {
border-top-left-radius: 8px; border-top-left-radius: 8px;
border-top-right-radius: 8px; border-top-right-radius: 8px;
} }
.dialog-window.fullscreen .dialog-body.flat-dialog-header {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.dialog-body.hideXScroll { .dialog-body.hideXScroll {
overflow-x: hidden; overflow-x: hidden;
} }
@ -493,6 +498,11 @@ export default {
border-top-right-radius: 0; border-top-right-radius: 0;
} }
.dialog-body.flat-dialog-header {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.dialog-window.playing { .dialog-window.playing {
margin-bottom: 60px; margin-bottom: 60px;
height: calc(100% - 60px); height: calc(100% - 60px);