161sh/jointrashposs
1
0
Fork 0
mirror of https://iceshrimp.dev/Crimekillz/jointrashposs.git synced 2024-11-22 08:53:49 +01:00
Code Issues Packages Projects Releases Wiki Activity

(fix) style

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/g/Hero.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<header> <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"> <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> <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> <p class="opacity-90 lg:text-lg lg:leading-relaxed max-w-lg"><slot name="description"></slot></p>

4
components/index/Features.vue
View File

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

2
components/index/hero/Right.vue
View File

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

6
pages/blog/index.vue
View File

@ -9,7 +9,7 @@
<div class="hidden lg:block relative px-6 py-8"> <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 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" /> <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" /> <img class="drop-shadow-xl" src="/img/emojis/open_mailbox_with_raised_flag_3d.png" />
</div> </div>
</div> </div>
@ -35,7 +35,3 @@
const { data } = await useAsyncData('blog', () => queryContent('blog').sort({ date: -1 }).find()); const { data } = await useAsyncData('blog', () => queryContent('blog').sort({ date: -1 }).find());
const localePath = useLocalePath(); const localePath = useLocalePath();
</script> </script>
<style scoped>
</style>

2
pages/brand-assets.vue
View File

@ -9,7 +9,7 @@
<div class="hidden lg:block relative px-6 py-8"> <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 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" /> <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" /> <img class="drop-shadow-xl" src="/img/emojis/artist_palette_3d.png" />
</div> </div>
</div> </div>

2
pages/servers.vue
View File

@ -12,7 +12,7 @@
<div class="relative px-6 py-8"> <div class="relative px-6 py-8">
<GDots class="absolute top-0 left-0 w-32 h-32 text-accent-600" /> <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" /> <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> <dl>
<dt>{{ $t('_servers._statistics.notes') }}</dt> <dt>{{ $t('_servers._statistics.notes') }}</dt>
<dd class="font-bold text-accent-600 text-2xl">{{ instancesStats?.notesCount?.toLocaleString() || $t('loading') }}</dd> <dd class="font-bold text-accent-600 text-2xl">{{ instancesStats?.notesCount?.toLocaleString() || $t('loading') }}</dd>