Gava/agenciapsilmno
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add anim

Browse Source
This commit is contained in:
Cagatay Civici
2024-07-31 10:45:31 +03:00
parent fa5009486a
commit cb0f98582a
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/assets/layout/_responsive.scss
View File

@@ -23,6 +23,9 @@
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-right: 1px solid var(--surface-border);
transition:
transform 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99),
left 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99);
box-shadow:
0px 3px 5px rgba(0, 0, 0, 0.02),
0px 0px 2px rgba(0, 0, 0, 0.05),
@@ -78,6 +81,9 @@
height: 100vh;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
transition:
transform 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99),
left 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99);
}
.layout-mask {
@@ -98,7 +104,6 @@
.layout-mask {
display: block;
animation: fadein var(--layout-section-transition-duration);
}
}
}

2
src/layout/AppLayout.vue
View File

@@ -60,7 +60,7 @@ const isOutsideClicked = (event) => {
</div>
<app-footer></app-footer>
</div>
<div class="layout-mask"></div>
<div class="layout-mask animate-fadein"></div>
</div>
<Toast />
</template>