💄 固定相关按钮,调整hint

This commit is contained in:
目棃
2024-08-31 12:42:10 +08:00
parent c682443e6f
commit 5191f33a14
3 changed files with 6 additions and 6 deletions

View File

@@ -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);

View File

@@ -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);

View File

@@ -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%;