arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-25 01:10:40 +01:00
Code Issues Packages Projects Releases Wiki Activity

chore: move animations in tailwind.css

Browse Source 
Resolves #25
This commit is contained in:
Benjamin Canac
2024-04-03 17:08:16 +02:00
parent 17c7256864
commit 5f2a9ddc2e
13 changed files with 212 additions and 348 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
src/runtime/components/Slideover.vue
View File

@@ -129,86 +129,3 @@ const ui = computed(() => tv({ extend: slideover, slots: props.ui })({
</DialogPortal>
</DialogRoot>
</template>
<style>
@keyframes slideover-overlay-open {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes slideover-overlay-closed {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes slideover-content-right-open {
from {
transform: translateX(100%);
}
to {
transform: translateX(0);
}
}
@keyframes slideover-content-right-closed {
from {
transform: translateX(0);
}
to {
transform: translateX(100%);
}
}
@keyframes slideover-content-left-open {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0);
}
}
@keyframes slideover-content-left-closed {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
@keyframes slideover-content-top-open {
from {
transform: translateY(-100%);
}
to {
transform: translateY(0);
}
}
@keyframes slideover-content-top-closed {
from {
transform: translateY(0);
}
to {
transform: translateY(-100%);
}
}
@keyframes slideover-content-bottom-open {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
@keyframes slideover-content-bottom-closed {
from {
transform: translateY(0);
}
to {
transform: translateY(100%);
}
}
</style>