(fix) style

This commit is contained in:
kakkokari-gtyih 2023-07-15 17:34:45 +09:00
parent 4866964f01
commit 1671ba7760
6 changed files with 7 additions and 11 deletions

View File

@ -1,6 +1,6 @@
<template>
<header>
<div class="container mx-auto max-w-screen-xl px-6 min-h-[330px] py-4 space-y-6 lg:space-y-0 lg:flex items-center justify-between lg:space-x-6">
<div class="container mx-auto max-w-screen-xl px-6 lg:min-h-[330px] py-4 space-y-6 lg:space-y-0 lg:flex items-center justify-between lg:space-x-6">
<div class="max-w-lg mx-auto lg:mx-0">
<h1 class="font-title font-bold text-center lg:text-start text-2xl lg:text-4xl mb-4"><slot name="title"></slot></h1>
<p class="opacity-90 lg:text-lg lg:leading-relaxed max-w-lg"><slot name="description"></slot></p>

View File

@ -1,8 +1,8 @@
<template>
<div class="grid features gap-12">
<div>
<div class="sticky top-12">
<h2 class="font-title font-bold text-2xl lg:text-4xl mb-6">{{ $t('_landing._features._root.title') }}</h2>
<div class="lg:sticky lg:top-32">
<h2 class="font-title font-bold text-2xl lg:text-4xl mb-2 lg:mb-6">{{ $t('_landing._features._root.title') }}</h2>
<p class="text-lg">{{ $t('_landing._features._root.description') }}</p>
</div>
</div>

View File

@ -38,7 +38,7 @@ import { vParallax } from '@/assets/js/parallax';
}
.screenshot.desktop {
width: 800px;
width: 750px;
top: 128px;
right: 300px;
}

View File

@ -9,7 +9,7 @@
<div class="hidden lg:block relative px-6 py-8">
<GDots class="absolute top-0 left-0 w-32 h-32 text-accent-600" />
<GDots class="absolute bottom-0 right-0 w-32 h-32 text-accent-600" />
<div class="relative lg:w-72">
<div class="relative lg:w-64">
<img class="drop-shadow-xl" src="/img/emojis/open_mailbox_with_raised_flag_3d.png" />
</div>
</div>
@ -35,7 +35,3 @@
const { data } = await useAsyncData('blog', () => queryContent('blog').sort({ date: -1 }).find());
const localePath = useLocalePath();
</script>
<style scoped>
</style>

View File

@ -9,7 +9,7 @@
<div class="hidden lg:block relative px-6 py-8">
<GDots class="absolute top-0 left-0 w-32 h-32 text-accent-600" />
<GDots class="absolute bottom-0 right-0 w-32 h-32 text-accent-600" />
<div class="relative lg:w-72">
<div class="relative lg:w-64">
<img class="drop-shadow-xl" src="/img/emojis/artist_palette_3d.png" />
</div>
</div>

View File

@ -12,7 +12,7 @@
<div class="relative px-6 py-8">
<GDots class="absolute top-0 left-0 w-32 h-32 text-accent-600" />
<GDots class="absolute bottom-0 right-0 w-32 h-32 text-accent-600" />
<div class="relative bg-white dark:bg-slate-800 shadow-lg rounded-lg lg:w-72 p-6 space-y-4">
<div class="relative bg-white dark:bg-slate-800 shadow-lg rounded-lg lg:w-64 p-6 space-y-4">
<dl>
<dt>{{ $t('_servers._statistics.notes') }}</dt>
<dd class="font-bold text-accent-600 text-2xl">{{ instancesStats?.notesCount?.toLocaleString() || $t('loading') }}</dd>