💄 固定相关按钮,调整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> <template>
<div class="switch-box"> <div class="switch-box" :title="themeGet === 'default' ? '切换到深色模式' : '切换到浅色模式'">
<div class="switch-btn" @click="switchTheme()"> <div class="switch-btn" @click="switchTheme()">
<v-icon> <v-icon>
{{ themeGet === "default" ? "mdi-weather-night" : "mdi-weather-sunny" }} {{ themeGet === "default" ? "mdi-weather-night" : "mdi-weather-sunny" }}
@@ -45,7 +45,7 @@ onUnmounted(() => themeListener());
</script> </script>
<style lang="css" scoped> <style lang="css" scoped>
.switch-box { .switch-box {
position: absolute; position: fixed;
top: 20px; top: 20px;
left: 20px; left: 20px;
border: 2px solid var(--common-shadow-8); border: 2px solid var(--common-shadow-8);

View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="share-box"> <div class="share-box" title="分享">
<div class="share-btn" @click="shareContent()"> <div class="share-btn" @click="shareContent()">
<v-icon> mdi-share-variant</v-icon> <v-icon> mdi-share-variant</v-icon>
</div> </div>
@@ -45,7 +45,7 @@ async function shareContent(): Promise<void> {
</script> </script>
<style lang="css" scoped> <style lang="css" scoped>
.share-box { .share-box {
position: absolute; position: fixed;
top: 20px; top: 20px;
right: 20px; right: 20px;
border: 2px solid var(--common-shadow-8); border: 2px solid var(--common-shadow-8);

View File

@@ -113,8 +113,8 @@ async function switchCollect(): Promise<void> {
</script> </script>
<style lang="css" scoped> <style lang="css" scoped>
.tbc-box { .tbc-box {
position: absolute; position: fixed;
top: 80px; top: 70px;
right: 20px; right: 20px;
border: 2px solid var(--common-shadow-8); border: 2px solid var(--common-shadow-8);
border-radius: 50%; border-radius: 50%;