Changed all static inline style to CSS classes
This commit is contained in:
parent
128b19ef8f
commit
d9aac824ef
27 changed files with 179 additions and 112 deletions
|
|
@ -18,7 +18,7 @@
|
|||
:style="{ top: `${isMove ? y : calcY()}px` }"
|
||||
>
|
||||
<div class="bottom-sheet-handle"><div class="bottom-sheet-handle-decoration" /></div>
|
||||
<div ref="sheetContent" style="position:absolute;top:20px;left:0;right:0;bottom:0;overflow-y:auto;padding:20px">
|
||||
<div ref="sheetContent" class="sheetContent">
|
||||
<slot></slot>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -143,6 +143,14 @@ export default {
|
|||
<style lang="scss" scoped>
|
||||
@import '~vuetify/src/styles/settings/_variables.scss';
|
||||
@import '@/assets/css/variables';
|
||||
.sheetContent {
|
||||
position:absolute;
|
||||
top:20px;left:0;
|
||||
right:0;
|
||||
bottom:0;
|
||||
overflow-y:auto;
|
||||
padding:20px;
|
||||
}
|
||||
|
||||
.bottom-sheet {
|
||||
position: fixed;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue