denis/gremiumhub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(landing): Mobile viewport optimizations

Browse Source
This commit is contained in:
Denis Lugowski
2026-01-10 08:24:57 +01:00
parent 52158a8e48
commit fd53521992
8 changed files with 275 additions and 167 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
landing/app/app.vue
View File

@@ -18,14 +18,14 @@
}"
>
<template #title>
<NuxtLink to="/" class="flex items-center gap-3 group">
<NuxtLink to="/" class="flex items-center gap-2 sm:gap-3 group">
<div
class="w-10 h-10 rounded-xl bg-gradient-to-br from-primary-500 to-cyan-500 flex items-center justify-center shadow-lg shadow-primary-500/25 group-hover:shadow-primary-500/40 transition-shadow"
>
<UIcon name="i-lucide-scale" class="w-5 h-5 text-white" />
</div>
<span
class="font-heading text-xl font-bold bg-gradient-to-r from-primary-600 to-cyan-600 bg-clip-text text-transparent"
class="hidden sm:inline font-heading text-xl font-bold bg-gradient-to-r from-primary-600 to-cyan-600 bg-clip-text text-transparent"
>
LegalConsentHub
</span>
@@ -43,7 +43,7 @@
<USelectMenu
v-model="selectedLocale"
:items="localeItems"
class="w-[100px]"
class="w-[90px] sm:w-[100px]"
:ui="{
base: 'text-sm'
}"
@@ -55,7 +55,7 @@
/>
<UButton
to="#newsletter"
class="btn-gradient px-5 py-2.5 rounded-xl font-semibold shadow-lg shadow-primary-500/25 hover:shadow-primary-500/40 transition-shadow"
class="hidden sm:flex btn-gradient px-5 py-2.5 rounded-xl font-semibold shadow-lg shadow-primary-500/25 hover:shadow-primary-500/40 transition-shadow"
>
<span>{{ $t('common.stayInformed') }}</span>
</UButton>