fix: polish authentication and responsive controls

templates/_pagination.html

@@ -6,15 +6,17 @@
     第 <span class="font-bold text-textMain">{{ pagination.page }}</span> / {{ pagination.pages }} 页
   </div>
   {% if pagination.pages > 1 %}
-  <div class="flex flex-nowrap items-center gap-2 overflow-x-auto pb-1">
+  <div class="flex w-full min-w-0 flex-nowrap items-center gap-2 overflow-x-auto pb-1 sm:w-auto">
     {% set prev_page = pagination.prev_num if pagination.has_prev else pagination.page %}
     <a
       class="ui-btn ui-btn-sm ui-btn-secondary {{ 'pointer-events-none opacity-50' if not pagination.has_prev }}"
       href="{{ url_for(endpoint, page=prev_page) }}"
       aria-disabled="{{ 'false' if pagination.has_prev else 'true' }}"
+      aria-label="上一页"
+      title="上一页"
     >
       <span class="material-symbols-outlined text-lg">chevron_left</span>
-      上一页
+      <span class="hidden sm:inline">上一页</span>
     </a>
     <div class="flex items-center gap-1">
       {% for page in pagination.iter_pages(left_edge=1, left_current=1, right_current=2, right_edge=1) %}
@@ -34,8 +36,10 @@
       class="ui-btn ui-btn-sm ui-btn-secondary {{ 'pointer-events-none opacity-50' if not pagination.has_next }}"
       href="{{ url_for(endpoint, page=next_page) }}"
       aria-disabled="{{ 'false' if pagination.has_next else 'true' }}"
+      aria-label="下一页"
+      title="下一页"
     >
-      下一页
+      <span class="hidden sm:inline">下一页</span>
       <span class="material-symbols-outlined text-lg">chevron_right</span>
     </a>
   </div>