xeovalyte/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

responsive design

Browse Source
This commit is contained in:
Xeovalyte 2023-02-11 18:22:23 +01:00
parent aa795fb090
commit 57a50a5810
3 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/About.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<section class="flex h-screen snap-center items-center justify-center"> <section class="flex h-screen snap-center items-center justify-center">
<div <div
class="my-40 flex w-full max-w-xl flex-wrap items-center justify-center gap-5 whitespace-pre-wrap text-lg text-primary-500" class="my-40 mx-3 flex w-full max-w-xl flex-wrap items-center justify-center gap-5 whitespace-pre-wrap text-lg text-primary-500"
> >
<h2 <h2
v-animate="{ preset: 'slide-right', duration: 500 }" v-animate="{ preset: 'slide-right', duration: 500 }"

2
components/Heading.vue
View File

@ -14,7 +14,7 @@
<div class="space-y-2"> <div class="space-y-2">
<h1 <h1
v-animate="{ preset: 'slide-up', delay: 450 }" v-animate="{ preset: 'slide-up', delay: 450 }"
class="text-7xl font-bold" class="sm:text-7xl text-6xl font-bold"
> >
Xeovalyte Xeovalyte
</h1> </h1>

2
pages/index.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="h-screen snap-y snap-mandatory overflow-y-auto bg-dark-200"> <div class="h-screen snap-y snap-mandatory overflow-y-auto overflow-x-hidden bg-dark-200">
<Heading /> <Heading />
<About /> <About />
<Skills /> <Skills />