From c8229c89d717d7273c68a403df54ab65b5660d1d Mon Sep 17 00:00:00 2001
From: RhenCloud <i@rhen.cloud>
Date: Mon, 10 Nov 2025 22:34:31 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E6=96=87=E4=BB=B6?=
 =?UTF-8?q?=E5=90=8D=E5=88=97=E7=9A=84=E7=82=B9=E5=87=BB=E4=BA=8B=E4=BB=B6?=
 =?UTF-8?q?=EF=BC=8C=E4=BC=98=E5=8C=96=E6=96=87=E4=BB=B6=E9=93=BE=E6=8E=A5?=
 =?UTF-8?q?=E4=BA=A4=E4=BA=92=E4=BD=93=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/css/main.css  | 10 ++++++++++
 templates/index.html | 12 +++++++++---
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/static/css/main.css b/static/css/main.css
index dbe18fa..451c877 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -291,8 +291,18 @@ h1 > div {
     background-color: var(--hover-bg);
 }
 
+.file-name-col {
+    cursor: pointer;
+    user-select: none;
+}
+
+.file-name-col:hover {
+    background-color: var(--hover-bg);
+}
+
 .file-icon {
     margin-right: 8px;
+    pointer-events: none;
 }
 
 .folder {
diff --git a/templates/index.html b/templates/index.html
index 869bc54..fe5dfeb 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -77,13 +77,19 @@ current_prefix }}"{% endblock %} {% block content %}
                         aria-label="选择 {{ entry.name }}"
                     />
                 </td>
-                <td class="file-name-col">
+                <td
+                    class="file-name-col"
+                    onclick="{% if entry.is_dir %}window.location.href='/{{ entry.key.rstrip('/') }}'{% else %}window.open('{{ entry.file_url }}', '_blank'){% endif %}"
+                    style="cursor: pointer"
+                >
                     {% if entry.is_dir %}
                     <i class="file-icon folder fas fa-folder"></i>
-                    <a href="/{{ entry.key.rstrip('/') }}">{{ entry.name }}</a>
+                    <a href="/{{ entry.key.rstrip('/') }}" onclick="event.stopPropagation();">{{ entry.name }}</a>
                     {% else %}
                     <i class="file-icon file {{ entry.name|fileicon }}"></i>
-                    <a href="{{ entry.file_url }}" target="_blank">{{ entry.name }}</a>
+                    <a href="{{ entry.file_url }}" target="_blank" onclick="event.stopPropagation();"
+                        >{{ entry.name }}</a
+                    >
                     {% endif %}
                 </td>
                 <td class="file-size-col file-size">