e03ff49764
- Restore explicit overflow-y:auto on #main-app for mobile (removed in
63f5d64) — implicit coercion from overflow-x:auto is not reliable in
all Safari/WebKit versions.
- Override position:sticky on .readme to position:relative on mobile.
The desktop sticky (left:0) is correct for horizontal scroll, but on
mobile vertical scroll it pinned the 100dvh-tall readme across the
entire viewport, hiding all stacked notes behind it.
28 lines
490 B
Vue
28 lines
490 B
Vue
<script setup lang="ts">
|
|
import { useRouter } from "vue-router"
|
|
|
|
const router = useRouter()
|
|
const goHome = () => router.push({ name: "Home" })
|
|
</script>
|
|
|
|
<template>
|
|
<button
|
|
class="btn btn-ghost btn-circle btn-lg text-base-content"
|
|
@click="goHome"
|
|
>
|
|
<img src="/favicon.png" alt="Remanso icon" class="remanso-logo" />
|
|
</button>
|
|
</template>
|
|
|
|
<style>
|
|
img {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.remanso-logo {
|
|
width: 32px;
|
|
height: 32px;
|
|
view-transition-name: remanso-logo;
|
|
}
|
|
</style>
|