Goatworks/Capital
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

🐛 Fix responsive

Browse Source
This commit is contained in:
LittleSheep 2024-03-25 22:38:55 +08:00
parent ec64271266
commit 62c6ee5e62
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
pages/index.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<v-container> <v-container>
<v-row class="h-fullpage" align-content="center" id="landing"> <v-row class="h-fullpage" align-content="center" id="landing">
<v-col :xs="12" :sm="6" class="max-md:text-center"> <v-col :cols="12" :sm="6" class="max-md:text-center">
<img <img
src="/assets/products/solar.svg" src="/assets/products/solar.svg"
class="w-[180px] h-[192px] max-md:mx-auto" class="w-[180px] h-[192px] max-md:mx-auto"
@ -26,7 +26,7 @@
</v-col> </v-col>
<v-col <v-col
:xs="12" :cols="12"
:sm="6" :sm="6"
class="flex items-center max-md:justify-center md:justify-end" class="flex items-center max-md:justify-center md:justify-end"
> >
@ -37,7 +37,7 @@
</v-row> </v-row>
<v-row class="h-fullpage" align-content="center" id="about"> <v-row class="h-fullpage" align-content="center" id="about">
<v-col :xs="12" :sm="6" class="max-md:text-center"> <v-col :cols="12" :sm="6" class="max-md:text-center">
<v-icon <v-icon
icon="mdi-information-slab-symbol" icon="mdi-information-slab-symbol"
size="48" size="48"
@ -65,7 +65,7 @@
</v-col> </v-col>
<v-col <v-col
:xs="12" :cols="12"
:sm="6" :sm="6"
class="flex flex-col gap-2 max-md:items-center md:items-end" class="flex flex-col gap-2 max-md:items-center md:items-end"
> >