opti1337/koptilnya.xyz
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Styles
All checks were successful
Gitea Actions Demo / build-and-deploy (push) Successful in 25s
Details

Browse Source
This commit is contained in:
Opti1337 2024-04-18 21:28:18 +03:00
parent c65ba993f9
commit 250174211e
2 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app.vue
View File

@ -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;
}
}

8
assets/styles.scss
View File

@ -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;
}