mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2025-12-12 09:18:14 +08:00
💄 固定相关按钮,调整hint
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="switch-box">
|
||||
<div class="switch-box" :title="themeGet === 'default' ? '切换到深色模式' : '切换到浅色模式'">
|
||||
<div class="switch-btn" @click="switchTheme()">
|
||||
<v-icon>
|
||||
{{ themeGet === "default" ? "mdi-weather-night" : "mdi-weather-sunny" }}
|
||||
@@ -45,7 +45,7 @@ onUnmounted(() => themeListener());
|
||||
</script>
|
||||
<style lang="css" scoped>
|
||||
.switch-box {
|
||||
position: absolute;
|
||||
position: fixed;
|
||||
top: 20px;
|
||||
left: 20px;
|
||||
border: 2px solid var(--common-shadow-8);
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="share-box">
|
||||
<div class="share-box" title="分享">
|
||||
<div class="share-btn" @click="shareContent()">
|
||||
<v-icon> mdi-share-variant</v-icon>
|
||||
</div>
|
||||
@@ -45,7 +45,7 @@ async function shareContent(): Promise<void> {
|
||||
</script>
|
||||
<style lang="css" scoped>
|
||||
.share-box {
|
||||
position: absolute;
|
||||
position: fixed;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
border: 2px solid var(--common-shadow-8);
|
||||
|
||||
@@ -113,8 +113,8 @@ async function switchCollect(): Promise<void> {
|
||||
</script>
|
||||
<style lang="css" scoped>
|
||||
.tbc-box {
|
||||
position: absolute;
|
||||
top: 80px;
|
||||
position: fixed;
|
||||
top: 70px;
|
||||
right: 20px;
|
||||
border: 2px solid var(--common-shadow-8);
|
||||
border-radius: 50%;
|
||||
|
||||
Reference in New Issue
Block a user