This commit is contained in:
parent
c65ba993f9
commit
250174211e
8
app.vue
8
app.vue
@ -58,7 +58,7 @@ const cards = ref([
|
||||
const cardsELS = ref([])
|
||||
const logoEl = ref()
|
||||
|
||||
const DURATION = 0.5
|
||||
const DURATION = 0.3
|
||||
const OVERLAP = 0.15
|
||||
const CARD_OPTIONS = {
|
||||
duration: DURATION,
|
||||
@ -66,6 +66,7 @@ const CARD_OPTIONS = {
|
||||
scale: 1.025,
|
||||
yoyo: true,
|
||||
repeat: 1,
|
||||
opacity: 1,
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
@ -87,7 +88,7 @@ onMounted(() => {
|
||||
|
||||
t.fromTo(
|
||||
logoEl.value,
|
||||
{ opacity: 0, y: 100 },
|
||||
{ opacity: 0, y: 50 },
|
||||
{ opacity: 1, y: 0, ease: 'power1.out', duration: DURATION },
|
||||
`<`,
|
||||
)
|
||||
@ -113,12 +114,13 @@ header {
|
||||
}
|
||||
|
||||
.grid {
|
||||
width: 800px;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
gap: 16px;
|
||||
overflow: hidden;
|
||||
|
||||
@include mobile {
|
||||
width: 100%;
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
@ -35,7 +35,9 @@ body {
|
||||
|
||||
#__nuxt {
|
||||
width: 100%;
|
||||
max-width: 800px;
|
||||
margin-inline: auto;
|
||||
overflow-y: auto;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
}
|
Loading…
x
Reference in New Issue
Block a user