tabby/vue-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixed the featured projects module

Browse source
This commit is contained in:
Clevertop 2024-09-09 22:41:39 +10:00
parent 32735d3960
commit 6f88dea9a0
1 changed files with 15 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

17
pages/index.vue
View file

@ -60,9 +60,9 @@ var { data } = await useAsyncData('home', () => queryContent('blog').sort({id:-1
</div> </div>
<hr/> <hr/>
<h1>Latest Project</h1> <h1>Latest Project</h1>
<div class="container"> <div class="featured-container">
<ProjectCard <ProjectCard
class="left-col" class="fix-size-pls"
src="https://img.itch.zone/aW1nLzE3MzE3NDAzLnBuZw==/315x250%23c/pxmt%2BB.png" src="https://img.itch.zone/aW1nLzE3MzE3NDAzLnBuZw==/315x250%23c/pxmt%2BB.png"
href="https://clevertop.itch.io/chronochamber " href="https://clevertop.itch.io/chronochamber "
heading="Chrono Chamber" heading="Chrono Chamber"
@ -144,6 +144,16 @@ var { data } = await useAsyncData('home', () => queryContent('blog').sort({id:-1
} }
.featured-container{
display: flex;
margin-left: 20%;
margin-right: 20%;
}
.small-image-pls {
height: 20%;
}
.left-col { .left-col {
flex:1; flex:1;
width: 50%; width: 50%;
@ -170,6 +180,9 @@ var { data } = await useAsyncData('home', () => queryContent('blog').sort({id:-1
.container{ .container{
flex-direction: column; flex-direction: column;
} }
.featured-container{
flex-direction: column;
}
.aboutme{ .aboutme{
visibility: collapse; visibility: collapse;
} }