fix: improve SSR for settings back button

This commit is contained in:
Anthony Fu 2022-12-28 02:12:56 +01:00
parent d8d163dbd0
commit d09b4deb52
7 changed files with 14 additions and 28 deletions

View file

@ -1,6 +1,9 @@
<script setup lang="ts">
defineProps<{
back?: boolean
/**
* Show the back button on small screens
*/
backOnSmallScreen?: boolean
}>()
</script>
@ -12,7 +15,10 @@ defineProps<{
>
<div flex justify-between px5 py4>
<div flex gap-3 items-center overflow-hidden>
<NuxtLink v-show="back" flex="~ gap1" items-center btn-text p-0 @click="$router.go(-1)">
<NuxtLink
v-if="backOnSmallScreen" lg:hidden flex="~ gap1" items-center btn-text p-0
@click="$router.go(-1)"
>
<div i-ri:arrow-left-line />
</NuxtLink>
<div truncate>