deblan/og-image
deblan/og-image
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

add style for mobile view
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse source
This commit is contained in:
Simon Vieille 2023-02-24 22:24:37 +01:00
parent ee1fc02a16
commit 04a95911ba
Signed by: deblan
GPG key ID: 579388D585F70417
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/page/Home.vue
View file

@ -1,7 +1,7 @@
<template>
<div class="grid grid-cols-12 col-span-12">
<div class="md:grid md:grid-cols-12 md:col-span-12">
<div class="col-span-3 flex flex-col gap-4 lg:gap-6">
<div class="drop-shadow-md rounded-md border border-zinc-300 p-5">
<div class="drop-shadow-md rounded-md md:border border-zinc-300 p-5">
<div>
<InputForm
id="heading"
@ -48,7 +48,7 @@
</div>
</div>
<div class="drop-shadow-md rounded-md border border-zinc-300 p-5">
<div class="drop-shadow-md rounded-md md:border border-zinc-300 p-5">
<div>
<InputForm
id="author"
@ -74,8 +74,8 @@
</div>
</div>
</div>
<div class="col-span-3 px-10 flex flex-col gap-4 lg:gap-6">
<div class="drop-shadow-md rounded-md border border-zinc-300 p-5">
<div class="col-span-3 md:px-10 flex flex-col gap-4 lg:gap-6">
<div class="drop-shadow-md rounded-md md:border border-zinc-300 p-5">
<div>
<InputForm
id="text-color"
@ -109,7 +109,7 @@
/>
</div>
</div>
<div class="drop-shadow-md rounded-md border border-zinc-300 p-5">
<div class="drop-shadow-md rounded-md md:border border-zinc-300 p-5">
<div>
<label
class="block text-sm font-medium text-gray-700"