plastichub/Sink-UrlShortener
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix: some style issues

Browse Source 
1. container padding
2. home hero image
This commit is contained in:
ccbikai 2024-06-02 19:18:22 +08:00
parent f5dead1de6
commit 30048d1cd4
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
components/home/Hero.vue
View File

@ -10,12 +10,6 @@ const { title, description } = useAppConfig()
<main <main
class="grid pt-8 pb-8 lg:grid-cols-2 place-items-center md:py-12" class="grid pt-8 pb-8 lg:grid-cols-2 place-items-center md:py-12"
> >
<div class="hidden py-6 md:order-1 md:block">
<div
class="w-[512px]"
v-html="heroImg"
/>
</div>
<div> <div>
<h1 <h1
class="text-5xl font-bold lg:text-6xl xl:text-7xl lg:tracking-tight xl:tracking-tighter" class="text-5xl font-bold lg:text-6xl xl:text-7xl lg:tracking-tight xl:tracking-tighter"
@ -52,5 +46,11 @@ const { title, description } = useAppConfig()
</HomeLink> </HomeLink>
</div> </div>
</div> </div>
<div class="hidden py-6 md:block">
<div
class="w-[512px]"
v-html="heroImg"
/>
</div>
</main> </main>
</template> </template>

2
tailwind.config.js
View File

@ -9,7 +9,7 @@ module.exports = {
theme: { theme: {
container: { container: {
center: true, center: true,
padding: '2rem', padding: '1rem',
screens: { screens: {
'2xl': '1400px', '2xl': '1400px',
}, },