ui: fix left aside some buttons width (#588)

This commit is contained in:
Chris 2022-12-28 15:00:49 +08:00 committed by GitHub
parent f4de4d3e3b
commit 107ac8a6b9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 31 additions and 10 deletions

View file

@ -5,8 +5,17 @@ const sub = env === 'local' ? 'dev' : env === 'staging' ? 'preview' : 'alpha'
<template>
<!-- Use external to force refresh page and jump to top of timeline -->
<NuxtLink flex px3 py2 items-center text-2xl gap-2 hover:bg-active focus-visible:ring="2 current" rounded-full to="/" external>
<img :alt="$t('app_logo')" src="/logo.svg" w-10 h-10 height="40" width="40">
<NuxtLink
flex items-center gap-2
w-fit
py2 px-2 lg:px-3
text-2xl hover:bg-active
focus-visible:ring="2 current"
rounded-full
to="/"
external
>
<img :alt="$t('app_logo')" src="/logo.svg" shrink-0 aspect="1/1" sm:h-8 lg:h-10>
<div hidden lg:block>
{{ $t('app_name') }} <sup text-sm italic text-secondary mt-1>{{ sub }}</sup>
</div>