From 46bf224ace416d70b1da30d40d28a7c5bb92f542 Mon Sep 17 00:00:00 2001
From: LeoKu <czc12580520@gmail.com>
Date: Sun, 17 Oct 2021 11:13:46 +0800
Subject: [PATCH] fix: clipboard

---
 src/App.vue                  | 3 ++-
 src/components/CodeModal.vue | 4 ++--
 src/layouts/Header.vue       | 1 +
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 8c8a8ca..8116f06 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -245,7 +245,8 @@ function handleAction(actionType: ActionType) {
         color: lighten($color-text, 10);
       }
 
-      &:disabled {
+      &:disabled,
+      &[disabled] {
         color: rgba($color-text, 0.5);
         cursor: default;
       }
diff --git a/src/components/CodeModal.vue b/src/components/CodeModal.vue
index c68fb88..aaa4bcd 100644
--- a/src/components/CodeModal.vue
+++ b/src/components/CodeModal.vue
@@ -1,7 +1,7 @@
 <template>
   <transition name="fade">
-    <div v-if="props.visible" class="code-modal" @click="emit('close')">
-      <div class="code-box" @click.stop>
+    <div v-if="props.visible" class="code-modal" @click.self="emit('close')">
+      <div class="code-box">
         <div class="code-header">
           <div class="title">{{ t('text.codeModalTitle') }}</div>
 
diff --git a/src/layouts/Header.vue b/src/layouts/Header.vue
index a41bbcb..a9d757a 100644
--- a/src/layouts/Header.vue
+++ b/src/layouts/Header.vue
@@ -35,6 +35,7 @@ import Logo from '@/components/Logo.vue'
     margin-left: 1rem;
     font-weight: bold;
     font-size: 1.9rem;
+    cursor: default;
 
     @media screen and (max-width: $screen-sm) {
       display: none;
-- 
GitLab