Skip to content

Commit 6e7d11f

Browse files
userquinuserquin
committed
chore: update heading and anchor styles
1 parent 58b27e9 commit 6e7d11f

1 file changed

Lines changed: 44 additions & 20 deletions

File tree

‎app/pages/cookie-policy.vue‎

Lines changed: 44 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ const { locale } = useI18n()
2020
<template>
2121
<main class="container flex-1 py-12 sm:py-16 w-full">
2222
<article class="max-w-3xl mx-auto">
23-
<header class="mb-8 pb-8 border-b border-border">
23+
<header class="mb-12">
2424
<h1 class="font-mono text-3xl sm:text-4xl font-medium mb-4 lowercase">
2525
{{ $t('cookie_policy.title') }}
2626
</h1>
@@ -46,14 +46,14 @@ const { locale } = useI18n()
4646
</p>
4747

4848
<section class="mt-8">
49-
<h2 class="text-xl font-medium text-fg mb-4 lowercase">
49+
<h2 class="text-lg text-fg-subtle uppercase tracking-wider mb-4">
5050
{{ $t('cookie_policy.section_1.title') }}
5151
</h2>
5252
<p>{{ $t('cookie_policy.section_1.p1') }}</p>
5353
</section>
5454

5555
<section class="mt-8">
56-
<h2 class="text-xl font-medium text-fg mb-4 lowercase">
56+
<h2 class="text-lg text-fg-subtle uppercase tracking-wider mb-4">
5757
{{ $t('cookie_policy.section_2.title') }}
5858
</h2>
5959
<p class="mb-4">
@@ -82,7 +82,7 @@ const { locale } = useI18n()
8282
</section>
8383

8484
<section class="mt-8">
85-
<h2 class="text-xl font-medium text-fg mb-4 lowercase">
85+
<h2 class="text-lg text-fg-subtle uppercase tracking-wider mb-4">
8686
{{ $t('cookie_policy.section_3.title') }}
8787
</h2>
8888
<p class="mb-4">
@@ -93,7 +93,7 @@ const { locale } = useI18n()
9393
<template #settings>
9494
<NuxtLink
9595
to="/settings"
96-
class="link-subtle font-mono text-xs min-h-11 inline-flex items-center gap-1 lowercase"
96+
class="text-fg-muted hover:text-fg underline decoration-fg-subtle/50 hover:decoration-fg"
9797
>
9898
{{ $t('cookie_policy.section_3.settings') }}
9999
</NuxtLink>
@@ -110,7 +110,7 @@ const { locale } = useI18n()
110110
</section>
111111

112112
<section class="mt-8">
113-
<h2 class="text-xl font-medium text-fg mb-4 lowercase">
113+
<h2 class="text-lg text-fg-subtle uppercase tracking-wider mb-4">
114114
{{ $t('cookie_policy.section_4.title') }}
115115
</h2>
116116
<p>
@@ -126,7 +126,7 @@ const { locale } = useI18n()
126126
</section>
127127

128128
<section class="mt-8">
129-
<h2 class="text-xl font-medium text-fg mb-4 lowercase">
129+
<h2 class="text-lg text-fg-subtle uppercase tracking-wider mb-4">
130130
{{ $t('cookie_policy.section_5.title') }}
131131
</h2>
132132
<p class="mb-4">
@@ -143,39 +143,60 @@ const { locale } = useI18n()
143143
href="https://support.google.com/chrome/answer/95647?hl=en"
144144
target="_blank"
145145
rel="noopener noreferrer"
146-
class="flex justify-between items-center gap-1 p-3"
146+
class="flex justify-start items-center gap-2 p-3"
147147
>
148-
{{ $t('cookie_policy.section_5.chrome') }}
149-
<span class="i-carbon:launch rtl-flip w-5 h-5" aria-hidden="true"></span>
148+
<span aria-hidden="true" class="text-fg-subtle shrink-0">—</span>
149+
<span class="flex justify-between items-center flex-grow-1">
150+
<span
151+
class="text-fg-muted hover:text-fg underline decoration-fg-subtle/50 hover:decoration-fg"
152+
>
153+
{{ $t('cookie_policy.section_5.chrome') }}
154+
</span>
155+
<span class="i-carbon:launch rtl-flip w-5 h-5" aria-hidden="true"></span>
156+
</span>
150157
</a>
151158
</li>
152159
<li>
153160
<a
154161
href="https://support.mozilla.org/en-US/kb/clear-cookies-and-site-data-firefox"
155162
target="_blank"
156163
rel="noopener noreferrer"
157-
class="flex justify-between items-center gap-1 p-3"
164+
class="flex justify-start items-center gap-2 p-3"
158165
>
159-
{{ $t('cookie_policy.section_5.firefox') }}
160-
<span class="i-carbon:launch rtl-flip w-5 h-5" aria-hidden="true"></span>
166+
<span aria-hidden="true" class="text-fg-subtle shrink-0">—</span>
167+
<span class="flex justify-between items-center flex-grow-1">
168+
<span
169+
class="text-fg-muted hover:text-fg underline decoration-fg-subtle/50 hover:decoration-fg"
170+
>
171+
{{ $t('cookie_policy.section_5.firefox') }}
172+
</span>
173+
<span class="i-carbon:launch rtl-flip w-5 h-5" aria-hidden="true"></span>
174+
</span>
161175
</a>
162176
</li>
163177
<li>
164178
<a
165179
href="https://support.microsoft.com/en-us/windows/manage-cookies-in-microsoft-edge-view-allow-block-delete-and-use-168dab11-0753-043d-7c16-ede5947fc64d"
166180
target="_blank"
167181
rel="noopener noreferrer"
168-
class="flex justify-between items-center gap-1 p-3"
182+
class="flex justify-start items-center gap-2 p-3"
169183
>
170-
{{ $t('cookie_policy.section_5.edge') }}
171-
<span class="i-carbon:launch rtl-flip w-5 h-5" aria-hidden="true"></span>
184+
<span aria-hidden="true" class="text-fg-subtle shrink-0">—</span>
185+
<span class="flex justify-between items-center flex-grow-1">
186+
<span
187+
class="text-fg-muted hover:text-fg underline decoration-fg-subtle/50 hover:decoration-fg"
188+
>
189+
{{ $t('cookie_policy.section_5.edge') }}
190+
</span>
191+
<span class="i-carbon:launch rtl-flip w-5 h-5" aria-hidden="true"></span>
192+
</span>
172193
</a>
173194
</li>
174195
</ul>
175196
</section>
176197

177198
<section class="mt-8">
178-
<h2 class="text-xl font-medium text-fg mb-4 lowercase">
199+
<h2 class="text-lg text-fg-subtle uppercase tracking-wider mb-4">
179200
{{ $t('cookie_policy.section_6.title') }}
180201
</h2>
181202
<p>
@@ -187,16 +208,19 @@ const { locale } = useI18n()
187208
rel="noopener noreferrer"
188209
class="inline-flex items-center gap-1"
189210
>
190-
<span>{{ $t('cookie_policy.section_6.link') }}</span>
191-
<span class="i-carbon:launch rtl-flip w-3 h-3" aria-hidden="true"></span>
211+
<span
212+
class="text-fg-muted hover:text-fg underline decoration-fg-subtle/50 hover:decoration-fg"
213+
>{{ $t('cookie_policy.section_6.link') }}</span
214+
>
215+
<span class="i-carbon:launch rtl-flip w-4 h-4" aria-hidden="true"></span>
192216
</a>
193217
</template>
194218
</i18n-t>
195219
</p>
196220
</section>
197221

198222
<section class="mt-8">
199-
<h2 class="text-xl font-medium text-fg mb-4 lowercase">
223+
<h2 class="text-lg text-fg-subtle uppercase tracking-wider mb-4">
200224
{{ $t('cookie_policy.section_7.title') }}
201225
</h2>
202226
<p>{{ $t('cookie_policy.section_7.p1') }}</p>

0 commit comments

Comments
 (0)