Good
This commit is contained in:
@@ -4,13 +4,9 @@ import { windows, getComponent } from '@/services/Windows';
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="window-container">
|
||||
<TransitionGroup name="window" tag="div">
|
||||
<div v-for="win in windows" :key="win.id">
|
||||
<component :is="getComponent(win.type)" :data="win" />
|
||||
</div>
|
||||
</TransitionGroup>
|
||||
</div>
|
||||
<TransitionGroup name="window" tag="div">
|
||||
<component v-for="win in windows" :key="win.id" :is="getComponent(win.type)" :data="win" />
|
||||
</TransitionGroup>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -21,16 +17,18 @@ import { windows, getComponent } from '@/services/Windows';
|
||||
}
|
||||
.window-enter-from,
|
||||
.window-leave-to {
|
||||
transition: all 0.15s ease;
|
||||
opacity: 0;
|
||||
transform: translateY(15px);
|
||||
}
|
||||
.window-move {
|
||||
transition: transform 0.15s ease;
|
||||
}
|
||||
|
||||
.window-wrapper {
|
||||
background-color: var(--color-window-background);
|
||||
|
||||
/* backdrop-filter: blur(10px); */
|
||||
position: fixed;
|
||||
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
Reference in New Issue
Block a user