feat: class name
This commit is contained in:
parent
5bf3056336
commit
5bd5d37880
|
|
@ -3,8 +3,8 @@
|
||||||
</route>
|
</route>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<d2-scroll class="body__container">
|
<d2-scroll class="body__scroll">
|
||||||
<div class="container__inner">
|
<div class="scroll__inner">
|
||||||
<slot/>
|
<slot/>
|
||||||
</div>
|
</div>
|
||||||
</d2-scroll>
|
</d2-scroll>
|
||||||
|
|
|
||||||
|
|
@ -27,12 +27,12 @@ html, body, #app {
|
||||||
.layout__body {
|
.layout__body {
|
||||||
@apply absolute top-0 bottom-0 right-0;
|
@apply absolute top-0 bottom-0 right-0;
|
||||||
left: --var('side-width');
|
left: --var('side-width');
|
||||||
.body__container {
|
.body__scroll {
|
||||||
@apply w-full h-full;
|
@apply w-full h-full;
|
||||||
>.os-scrollbar-vertical {
|
>.os-scrollbar-vertical {
|
||||||
top: calc(#{--var('header-height')} + #{--var('header-border-width')});
|
top: calc(#{--var('header-height')} + #{--var('header-border-width')});
|
||||||
}
|
}
|
||||||
.container__inner {
|
.scroll__inner {
|
||||||
@apply relative overflow-hidden;
|
@apply relative overflow-hidden;
|
||||||
margin-top: calc(#{--var('header-height')} + #{--var('header-border-width')});
|
margin-top: calc(#{--var('header-height')} + #{--var('header-border-width')});
|
||||||
min-height: calc(100vh - (#{--var('header-height')} + #{--var('header-border-width')}));
|
min-height: calc(100vh - (#{--var('header-height')} + #{--var('header-border-width')}));
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue