fix: 拉桿動畫調整 (#13)

* 一些小東西 :) * Update index.html * style and small fix * fix: more githubLink --------- Co-authored-by: Liyan Zhao <[email protected]>
RedenMC · Apr 26, 2024 · 93fe3f7 · 93fe3f7
1 parent a379f6d
commit 93fe3f7
Show file tree

Hide file tree

Showing 8 changed files with 18 additions and 23 deletions.
diff --git a/src/appbar/RedenAppBar.vue b/src/appbar/RedenAppBar.vue
@@ -3,7 +3,7 @@ import SearchButton from './SearchButton.vue';
 import TranslateButton from './TranslateButton.vue';
 import '@/main.css';
 import AccountButton from '@/appbar/AccountButton.vue';
-import { discordInvite, theme } from '@/constants';
+import { discordInvite, githubLink, theme } from '@/constants';
 import { useAppStore } from '@/store/app';
 import { useDisplay } from 'vuetify';
 
@@ -93,7 +93,7 @@ function toggleTheme() {
         class="mobile-hide"
         icon="mdi-github"
         title="Github"
-        href="https://github.com/zly2006/reden-is-what-we-made"
+        :href="githubLink"
       />
       <v-btn
         class="mobile-hide"

diff --git a/src/assets/lever.png b/src/assets/lever.png
diff --git a/src/components/RedStoneSection.vue b/src/components/RedStoneSection.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, type Ref, ref, VueElement } from 'vue';
+import { onMounted, type Ref, ref } from 'vue';
 
 // todo: 不透明度渐变
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -46,13 +46,6 @@ onMounted(() => {
   observer.observe(lightLine.value as Element);
 });
 
-defineSlots<{
-  title: VueElement;
-  subtitle: VueElement;
-  text: VueElement;
-  image: VueElement;
-  action: VueElement[];
-}>();
 const autoPlay = ref(true);
 </script>
 

diff --git a/src/components/RedstoneSectionTitle.vue b/src/components/RedstoneSectionTitle.vue
@@ -37,12 +37,12 @@ const lampOffStyle = 'url(' + LampOff + ')';
 </script>
 
 <template>
-  <div class="redstone-section-title">
+  <div class="redstone-section-title" draggable="false">
     <div class="lever-all" ref="all" @click="leverOn = !leverOn">
       <img
         :src="Lever"
         :class="{ 'lever-on': leverOn, 'lever-off': !leverOn }"
-        height="50"
+        height="100"
         width="50"
         alt=""
       />
@@ -63,14 +63,16 @@ const lampOffStyle = 'url(' + LampOff + ')';
 
 .lever-on {
   position: absolute;
-  transform: translateY(-36px) rotate(45deg) translateX(25px);
+  top: -28px;
+  transform: rotate(45deg);
   transition: transform 0.5s;
   image-rendering: pixelated;
 }
 
 .lever-off {
   position: absolute;
-  transform: translateY(-36px) rotate(-45deg) translateX(-25px);
+  top: -28px;
+  transform: rotate(-45deg);
   transition: transform 0.5s;
   image-rendering: pixelated;
 }
@@ -87,6 +89,7 @@ const lampOffStyle = 'url(' + LampOff + ')';
   position: absolute;
   width: 50px;
   height: 75px;
+  user-select: none;
 }
 
 .lamp-on {

diff --git a/src/constants.ts b/src/constants.ts
@@ -5,6 +5,7 @@ import { toast } from 'vuetify-sonner';
 export const reCAPTCHAKey = '6Lczc24pAAAAAAxzBZbRy8CZc_ba06Qn_3OJ_Vg-';
 export const cloudflareCAPTCHAKey = '0x4AAAAAAARtCTyyGc1nbVUm';
 export const discordInvite = 'https://discord.gg/fCxmEyFgAd';
+export const githubLink = 'https://github.com/zly2006/reden-is-what-we-made';
 export const theme = ref(useAppStore().theme);
 
 export type Profile = {

diff --git a/src/layouts/default/Default.vue b/src/layouts/default/Default.vue
@@ -2,7 +2,7 @@
 import DefaultView from './View.vue';
 import RedenAppBar from '@/appbar/RedenAppBar.vue';
 import { VSonner } from 'vuetify-sonner';
-import { theme } from '@/constants';
+import { githubLink, theme } from '@/constants';
 import { onMounted } from 'vue';
 import vuetify from '@/plugins/vuetify';
 
@@ -56,9 +56,7 @@ onMounted(() => {
             </b>
           </div>
           <div class="footer-list-item">
-            <a href="https://github.com/zly2006/reden-is-what-we-made">
-              Reden on Github
-            </a>
+            <a :href="githubLink"> Reden on Github </a>
           </div>
           <div class="footer-list-item">
             <a href="//wiki.redenmc.com">
@@ -125,7 +123,7 @@ onMounted(() => {
       </v-row>
       <v-row class="last-line">
         <v-col class="text-center" :cols="12">
-          <a href="https://github.com/zly2006/reden-is-what-we-made">Reden</a>
+          <a :href="githubLink">Reden</a>
           and
           <a href="https://github.com/RedenMC/reden-website">this website</a>
           are both free software.

diff --git a/src/views/Home.vue b/src/views/Home.vue
@@ -4,7 +4,7 @@ import { useI18n } from 'vue-i18n';
 import RedStoneSection from '@/components/RedStoneSection.vue';
 import RedstoneSectionTitle from '@/components/RedstoneSectionTitle.vue';
 import Feature from '@/views/Feature.vue';
-import { discordInvite } from '@/constants';
+import { discordInvite, githubLink } from '@/constants';
 
 const { t } = useI18n();
 
@@ -39,7 +39,7 @@ document.title = t('reden.title.home') + ' - Reden';
         </v-btn>
         <v-btn
           class="main-button"
-          href="https://github.com/zly2006/reden-is-what-we-made"
+          :href="githubLink"
           prepend-icon="mdi-github"
           size="x-large"
           rounded="rounded"
@@ -74,7 +74,7 @@ document.title = t('reden.title.home') + ' - Reden';
         </template>
         <template #action>
           <v-btn
-            href="//github.com/zly2006/reden-is-what-we-made"
+            :href="githubLink"
             color="primary"
             variant="outlined"
             rounded="rounded"

diff --git a/src/views/admin/UserList.vue b/src/views/admin/UserList.vue
@@ -104,7 +104,7 @@ function isBanned(user: Profile) {
 .username {
   font-size: 1.3rem;
   text-decoration: none;
-  color: #dddddd;
+  color: currentColor;
 }
 
 .username:hover {