add style for mobile view
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
This commit is contained in:
parent
ee1fc02a16
commit
04a95911ba
|
@ -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"
|
||||
|
|
Loading…
Reference in a new issue