refactor: add anonymous sticker

yilanboy · Nov 1, 2024 · 696785c · 696785c
1 parent 8db5aea
commit 696785c
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 5 deletions.
diff --git a/resources/views/components/icon/question-circle-fill.blade.php b/resources/views/components/icon/question-circle-fill.blade.php
@@ -0,0 +1,10 @@
+<svg
+  {{ $attributes }}
+  xmlns="http://www.w3.org/2000/svg"
+  fill="currentColor"
+  viewBox="0 0 16 16"
+>
+  <path
+    d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247m2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z"
+  />
+</svg>
diff --git a/resources/views/components/icon/question-circle.blade.php b/resources/views/components/icon/question-circle.blade.php
@@ -4,7 +4,8 @@
   fill="currentColor"
   viewBox="0 0 16 16"
 >
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" />
   <path
-    d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247m2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z"
+    d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94"
   />
 </svg>
diff --git a/resources/views/livewire/shared/comments/comment-card.blade.php b/resources/views/livewire/shared/comments/comment-card.blade.php
@@ -23,7 +23,6 @@
 >
   <x-dashed-card class="mt-6">
     <div class="flex flex-col">
-      {{-- 大頭貼 --}}
       <div class="flex items-center space-x-4 text-base">
         @if ($userId !== 0)
           <a
@@ -39,6 +38,7 @@ class="size-10 rounded-full hover:ring-2 hover:ring-blue-400"
 
           <span class="dark:text-gray-50">{{ $userName }}</span>
         @else
+          <x-icon.question-circle-fill class="size-10 text-gray-300 dark:text-gray-500" />
           <span class="dark:text-gray-50">訪客</span>
         @endif
 
@@ -52,7 +52,6 @@ class="hidden text-gray-400 md:block"
         @endif
       </div>
 
-      {{-- 留言 --}}
       <div class="comment-body">
         {!! $this->convertedBody !!}
       </div>
@@ -100,7 +99,7 @@ class="flex items-center hover:text-gray-500 dark:hover:text-gray-300"
 
   @if ($currentLayer < $maxLayer)
     <div
-      class="relative pl-8 before:absolute before:left-0 before:top-0 before:h-full before:w-1 before:rounded-full before:bg-emerald-400/20 before:contain-none dark:before:bg-indigo-500/20"
+      class="relative pl-4 before:absolute before:left-0 before:top-0 before:h-full before:w-1 before:rounded-full before:bg-emerald-400/20 before:contain-none dark:before:bg-indigo-500/20 md:pl-8"
       id="children-{{ $commentId }}"
     >
       <livewire:shared.comments.comment-group

diff --git a/resources/views/livewire/shared/comments/create-comment-modal.blade.php b/resources/views/livewire/shared/comments/create-comment-modal.blade.php
@@ -29,7 +29,7 @@
         return this.submitIsEnabled === false;
       },
       informationOnSubmitButton() {
-        return this.submitIsEnabled ? '儲存' : '驗證中'
+        return this.submitIsEnabled ? '回覆' : '驗證中'
       },
       init() {
         turnstile.ready(() => {