Fix: [Client][Panel/Twitter] RT・いいねボタンをより押しやすくする

tsukumijima · Aug 24, 2024 · 59e8189 · 59e8189
1 parent 93c5da9
commit 59e8189
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/client/src/components/Watch/Panel/Twitter.vue b/client/src/components/Watch/Panel/Twitter.vue
@@ -665,6 +665,7 @@ export default defineComponent({
             opacity: 0;
             visibility: hidden;
             overflow-y: scroll;
+            outline: none;
             &::-webkit-scrollbar {
                 width: 6px;
             }

diff --git a/client/src/components/Watch/Panel/Twitter/Tweet.vue b/client/src/components/Watch/Panel/Twitter/Tweet.vue
@@ -264,6 +264,7 @@ const handleFavorite = async () => {
     }
 
     &__image {
+        display: block;
         max-width: 100%;
         max-height: 175px;
         object-fit: cover;
@@ -277,12 +278,14 @@ const handleFavorite = async () => {
     }
 
     &__movie {
+        display: block;
         max-width: 100%;
         max-height: 300px;
         object-fit: cover;
         margin-top: 8px;
         margin-right: 6px;
         border-radius: 8px;
+        margin-bottom: 8px;
         cursor: auto;
     }
 
@@ -323,19 +326,23 @@ const handleFavorite = async () => {
 
     &__actions {
         display: flex;
+        position: relative;
+        margin-top: -2px;
     }
 
     &__action {
         display: flex;
         align-items: center;
-        padding: 2px 3px;
-        border-radius: 4px;
         margin-right: 20px;
+        padding: 3px 4px;
+        border-radius: 4px;
         color: rgba(var(--v-theme-on-surface), 0.6);
         font-size: 12px;
         background: none;
         border: none;
         transition: color 0.15s ease, background-color 0.15s ease;
+        user-select: none;
+        outline: none;
         cursor: pointer;
 
         &:hover {