fix(dock): fix Back to Top and Refresh buttons' position when dock is at bottom edge
Some checks are pending
CI / Test (lts/*, ubuntu-latest) (push) Waiting to run
CI / Test (lts/*, windows-latest) (push) Waiting to run
CI / Test (lts/-1, ubuntu-latest) (push) Waiting to run
CI / Test (lts/-1, windows-latest) (push) Waiting to run

This commit is contained in:
Hakadao
2025-02-24 00:38:47 +08:00
parent 46f3755626
commit a3cd8a69de

View File

@@ -340,9 +340,14 @@ const dockTransformStyle = computed((): { transform: string, transformOrigin: st
<!-- Back to top & refresh buttons -->
<div
v-if="showBackToTopOrRefreshButton"
pos="absolute bottom-0"
transform="translate-y-100%"
flex="~ col gap-2"
:style="{
bottom: settings.dockPosition === 'bottom' ? 'unset' : 0,
right: settings.dockPosition === 'bottom' ? 0 : 'unset',
transform: settings.dockPosition === 'bottom' ? 'translate(100%, 0)' : 'translateY(100%)',
flexDirection: settings.dockPosition === 'bottom' ? 'row' : 'column',
}"
pos="absolute"
flex="~ gap-2"
>
<template
v-if="settings.backToTopAndRefreshButtonsAreSeparated"