Revert "tweak style"

This reverts commit 801ed0df9c.
This commit is contained in:
kakkokari-gtyih 2023-11-13 21:10:30 +09:00
parent 5f19d611b2
commit 171cc5d421
17 changed files with 31 additions and 36 deletions

View File

@ -1,3 +0,0 @@
body {
font-family: 'Kosugi Maru', sans-serif;
}

View File

@ -1,6 +1,6 @@
<template>
<section>
<h2 class="text-2xl lg:text-3xl font-bold mb-4">
<h2 class="text-2xl lg:text-3xl font-title font-bold mb-4">
{{ $t(`_docs._${sectionId}.title`) }}
</h2>
<MkIndex :wide="true" :base-path="basePath" />

View File

@ -5,7 +5,7 @@
<div class="mb-6 md:mb-0">
<GNuxtLink :to="localePath('/')" class="flex items-center">
<MiIcon class="h-8 w-8 mr-3" />
<span class="self-center text-2xl font-bold whitespace-nowrap">{{ $t('_seo.siteName') }}</span>
<span class="self-center text-2xl font-bold font-title whitespace-nowrap">{{ $t('_seo.siteName') }}</span>
</GNuxtLink>
</div>
<div class="grid grid-cols-2 gap-8 sm:gap-6">
@ -65,4 +65,4 @@ const localePath = useLocalePath();
<style scoped>
</style>
</style>

View File

@ -2,7 +2,7 @@
<header>
<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-bold text-center lg:text-start text-2xl lg:text-4xl !leading-relaxed mb-4"><slot name="title"></slot></h1>
<h1 class="font-title font-bold text-center lg:text-start text-2xl lg:text-4xl !leading-relaxed mb-4"><slot name="title"></slot></h1>
<p class="opacity-90 text-center lg:text-start lg:text-lg lg:leading-relaxed max-w-lg"><slot name="description"></slot></p>
</div>
<div>
@ -18,4 +18,4 @@
<style scoped>
</style>
</style>

View File

@ -4,7 +4,7 @@
<div class="">
<GNuxtLink :to="localePath('/')" class="flex items-center space-x-2 hover:opacity-80">
<MiIcon class="h-8 w-8" />
<div class="font-bold text-lg">{{ $t('_seo.siteName') }}</div>
<div class="font-title font-bold text-lg">{{ $t('_seo.siteName') }}</div>
</GNuxtLink>
</div>
<ul

View File

@ -1,6 +1,6 @@
<template>
<div class="bg-white dark:bg-slate-950 rounded-2xl p-6 lg:p-12 lg:py-24">
<I18nT keypath="_landing._decenterized.title" tag="h2" class="text-center text-xl lg:text-3xl font-bold mb-6">
<I18nT keypath="_landing._decenterized.title" tag="h2" class="text-center text-xl lg:text-3xl font-bold font-title mb-6">
<span class="em">{{ $t('_landing._decenterized.decenterizedPlatform') }}</span>
</I18nT>
<I18nT keypath="_landing._decenterized.description" tag="p" class="lg:text-lg leading-relaxed lg:leading-loose">

View File

@ -1,6 +1,6 @@
<template>
<div class="bg-white dark:bg-slate-950 rounded-2xl p-6 lg:p-12 lg:py-24 mx-auto max-w-screen-lg">
<h2 class="text-center text-xl lg:text-3xl font-bold mb-6">{{ $t('_landing._donation.title') }}</h2>
<h2 class="text-center text-xl lg:text-3xl font-bold font-title mb-6">{{ $t('_landing._donation.title') }}</h2>
<p class="lg:text-lg leading-relaxed lg:leading-loose mb-6">{{ $t('_landing._donation.description') }}</p>
<p class="text-center">
<GButton button-type="link" :to="localePath('/docs/for-users/resources/donate/')" color="accent">{{ $t('learnMore') }}</GButton>

View File

@ -2,7 +2,7 @@
<div class="grid features gap-12">
<div>
<div class="lg:sticky lg:top-32">
<h2 class="font-bold text-2xl lg:text-4xl mb-2 lg: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>
</div>
</div>
@ -77,7 +77,7 @@ import { vFadeIn } from '@/assets/js/fadein';
}
.item .title {
@apply text-xl lg:text-2xl font-bold mb-2;
@apply font-title text-xl lg:text-2xl font-bold mb-2;
}
.__v_fadeIn_out > * {
@ -90,4 +90,4 @@ import { vFadeIn } from '@/assets/js/fadein';
transform: scale(1) translateY(0);
}
</style>
</style>

View File

@ -1,6 +1,6 @@
<template>
<div>
<h2 class="mb-12 text-2xl lg:text-3xl text-center font-bold">{{ $t('_landing._getStarted.title') }}</h2>
<h2 class="mb-12 text-2xl lg:text-3xl text-center font-bold font-title">{{ $t('_landing._getStarted.title') }}</h2>
<div class="grid gap-12 lg:grid-cols-3">
<div v-fade-in class="find">
<div class="item">
@ -50,7 +50,7 @@ const localePath = useLocalePath();
}
.item > .title {
@apply font-bold text-xl text-center mb-6;
@apply font-title font-bold text-xl text-center mb-6;
}
.item > .link {
@ -60,4 +60,4 @@ const localePath = useLocalePath();
.find .link {
@apply text-accent-600 dark:text-slate-200 bg-white dark:bg-accent-950 hover:bg-accent-100 dark:hover:bg-accent-900;
}
</style>
</style>

View File

@ -33,7 +33,7 @@
}
.title {
@apply font-bold text-center text-xl md:text-2xl;
@apply font-title font-bold text-center text-xl md:text-2xl;
}
.icon {
@ -44,4 +44,4 @@
width: 70px;
margin: 0 auto;
}
</style>
</style>

View File

@ -1,6 +1,6 @@
<template>
<div>
<h2 class="mb-12 text-2xl lg:text-3xl text-center font-bold">{{ $t('_landing._sponsors.title') }}</h2>
<h2 class="mb-12 text-2xl lg:text-3xl text-center font-bold font-title">{{ $t('_landing._sponsors.title') }}</h2>
<div class="mx-auto max-w-screen-lg gap-8 grid items-center lg:grid-cols-5 md:grid-cols-4 sm:grid-cols-3 grid-cols-2">
<!-- スポンサーはscriptタグから追加してください -->
<GNuxtLink
@ -61,4 +61,4 @@ const sponsors: Sponsor[] = [
<style scoped>
</style>
</style>

View File

@ -1,7 +1,7 @@
<template>
<div class="relative space-y-3 lg:space-y-6">
<MkLogo class="block mx-auto lg:ml-0 w-full max-w-[120px] lg:max-w-[250px]" />
<h2 class="text-center lg:text-start font-bold tracking-wide text-3xl sm:text-5xl lg:text-6xl leading-relaxed sm:leading-relaxed lg:leading-relaxed tagline" :class="showTagline && 'shown'">
<h2 class="text-center font-title lg:text-start font-bold tracking-wide text-3xl sm:text-5xl lg:text-6xl leading-relaxed sm:leading-relaxed lg:leading-relaxed tagline" :class="showTagline && 'shown'">
<div class="row">Interplanetary</div>
<div class="row">microblogging</div>
<div class="row">platform.🚀</div>
@ -75,4 +75,4 @@ onMounted(() => {
.notice {
background-image: linear-gradient(90deg, #86b300, #4ab300, #4ab300);
}
</style>
</style>

View File

@ -16,7 +16,7 @@ const { data: navigation } = await useAsyncData('navigation', () => fetchContent
<div class="bg-white dark:bg-slate-950">
<GNav @toggleNav="isNavOpen = !isNavOpen" :is-open="isNavOpen" :slim="true" :disable-shadow="true" />
<div class="main-content">
<div class="relative container mx-auto max-w-screen-xl lg:py-0 grid docs-root pb-12" style="padding: 35px;">
<div class="relative container mx-auto max-w-screen-xl p-6 lg:py-0 grid docs-root pb-12">
<div
class="fixed top-[7.25rem] left-0 z-20 w-64 pl-6 transition-transform bg-slate-50 dark:bg-slate-900 lg:top-auto lg:bg-transparent dark:lg:bg-transparent lg:pl-0 lg:transform-none lg:relative"
:class="isAsideNavOpen ? 'translate-x-0' : '-translate-x-64'"

View File

@ -38,7 +38,6 @@ export default defineNuxtConfig({
"@/assets/css/nprogress.css",
"@/assets/css/tailwind.css",
"@/assets/css/bootstrap-forms.scss",
"@/assets/css/style.scss",
],
modules: [
'@nuxt/content',
@ -49,7 +48,6 @@ export default defineNuxtConfig({
head: {
link: [
{ rel: 'stylesheet', href: '/fonts/fonts.css' },
{ rel: 'stylesheet', href: 'https://fonts.googleapis.com/css2?family=Kosugi+Maru' },
],
},
},

View File

@ -20,7 +20,7 @@
<div class="grid gap-x-12 gap-y-4 w-full" :class="$style.teamRoot">
<div>
<div class="lg:sticky lg:top-32">
<h3 class="font-bold text-2xl lg:text-2xl mb-2 lg:mb-4">{{ $t('_aboutUs._team._core.title') }}</h3>
<h3 class="font-title font-bold text-2xl lg:text-2xl mb-2 lg:mb-4">{{ $t('_aboutUs._team._core.title') }}</h3>
<p>{{ $t('_aboutUs._team._core.description') }}</p>
</div>
</div>
@ -31,7 +31,7 @@
<div class="grid gap-x-12 gap-y-4 w-full" :class="$style.teamRoot">
<div>
<div class="lg:sticky lg:top-32">
<h3 class="font-bold text-2xl lg:text-2xl mb-2 lg:mb-4">{{ $t('_aboutUs._team._coreEmeriti.title') }}</h3>
<h3 class="font-title font-bold text-2xl lg:text-2xl mb-2 lg:mb-4">{{ $t('_aboutUs._team._coreEmeriti.title') }}</h3>
<p>{{ $t('_aboutUs._team._coreEmeriti.description') }}</p>
</div>
</div>
@ -42,7 +42,7 @@
<div class="grid gap-x-12 gap-y-4 w-full" :class="$style.teamRoot">
<div>
<div class="lg:sticky lg:top-32">
<h3 class="font-bold text-2xl lg:text-2xl mb-2 lg:mb-4">{{ $t('_aboutUs._team._contributors.title') }}</h3>
<h3 class="font-title font-bold text-2xl lg:text-2xl mb-2 lg:mb-4">{{ $t('_aboutUs._team._contributors.title') }}</h3>
<p>{{ $t('_aboutUs._team._contributors.description') }}</p>
</div>
</div>

View File

@ -40,15 +40,15 @@
<GNuxtLink class="inline-block" to="http://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank"><img src="https://licensebuttons.net/l/by-nc-sa/4.0/88x31.png" /></GNuxtLink>
</Tip>
<div id="logo">
<h2 class="text-2xl lg:text-3xl font-bold mb-4">{{ $t(`_brandAssets.logo`) }}</h2>
<h2 class="text-2xl lg:text-3xl font-title font-bold mb-4">{{ $t(`_brandAssets.logo`) }}</h2>
<BrandAssetsImgPreview src="https://raw.githubusercontent.com/misskey-dev/assets/main/misskey.svg" />
</div>
<div id="icon">
<h2 class="text-2xl lg:text-3xl font-bold mb-4">{{ $t(`_brandAssets.icon`) }}</h2>
<h2 class="text-2xl lg:text-3xl font-title font-bold mb-4">{{ $t(`_brandAssets.icon`) }}</h2>
<BrandAssetsImgPreview src="https://raw.githubusercontent.com/misskey-dev/assets/main/icon.png" />
</div>
<div id="banner">
<h2 class="text-2xl lg:text-3xl font-bold mb-4">{{ $t(`_brandAssets.banner`) }}</h2>
<h2 class="text-2xl lg:text-3xl font-title font-bold mb-4">{{ $t(`_brandAssets.banner`) }}</h2>
<a class="mb-4 block mx-auto" href="https://raw.githubusercontent.com/misskey-dev/assets/main/banner.png" target="_blank">
<img class="border border-slate-200 dark:border-slate-700" src="https://raw.githubusercontent.com/misskey-dev/assets/main/banner.png" />
</a>
@ -57,7 +57,7 @@
</a>
</div>
<div id="avatar-decoration">
<h2 class="text-2xl lg:text-3xl font-bold mb-4">{{ $t(`_brandAssets.avatarDecorationTemplate`) }}</h2>
<h2 class="text-2xl lg:text-3xl font-title font-bold mb-4">{{ $t(`_brandAssets.avatarDecorationTemplate`) }}</h2>
<BrandAssetsImgPreview src="/img/misc/avatar-decoration-template.png" />
</div>
</div>
@ -71,4 +71,4 @@
<style scoped>
</style>
</style>

View File

@ -24,7 +24,7 @@
anchor: '#' + v.title.replaceAll('.', '_'),
}))" />
<section :id="section.title.replaceAll('.', '_')" v-for="section in sections">
<h2 class="text-2xl lg:text-3xl font-bold mb-4">
<h2 class="text-2xl lg:text-3xl font-title font-bold mb-4">
{{ $t(section.title) }}
</h2>
<GLinks :wide="true" :gray="true" :items="section.items.map((e) => ({
@ -58,4 +58,4 @@ const localePath = useLocalePath();
.mfmRoot img {
display: inline;
}
</style>
</style>