[add/change] - ツールチップ追加と美化

NfoAlex · Dec 3, 2023 · 1d752db · 1d752db
1 parent 959358a
commit 1d752db
Showing 1 changed file with 18 additions and 3 deletions.
diff --git a/Girack-v/src/components/ChannelWindowComponent/HeadComponents/ChannelPin.vue b/Girack-v/src/components/ChannelWindowComponent/HeadComponents/ChannelPin.vue
@@ -115,15 +115,30 @@ export default {
               >
               </v-img>
             </v-avatar>
-            <p class="me-auto">{{ UserIndex[message.userid]!==undefined?UserIndex[message.userid].username:message.userid }}</p>
+            <p class="me-auto">
+              {{ UserIndex[message.userid]!==undefined?UserIndex[message.userid].username:message.userid }}
+            </p>
+            <!-- 外しボタン -->
             <v-btn
               @click="unpin(message.messageid)"
               class="rounded-lg"
-              icon="mdi:mdi-minus-circle-outline"
+              icon
               variant="text"
               size="small"
-            ></v-btn>
+            >
+              <v-icon>
+                mdi:mdi-minus-circle-outline
+              </v-icon>
+              <v-tooltip
+                activator="parent"
+                location="left"
+              >
+                ピンを外す
+              </v-tooltip>
+            </v-btn>
+
           </span>
+
           <!-- メッセージ内容 -->
           <div class="my-2 py-1 px-2">
             <ContentMessageRender