From 429b747710667628ebd6a7a539284020b14210b1 Mon Sep 17 00:00:00 2001
From: shuaiplus <2327005759@qq.com>
Date: Wed, 6 May 2026 22:11:14 +0800
Subject: [PATCH] feat: add mobile detail sheet styles and improve text
 overflow handling in vault

---
 webapp/src/styles/responsive.css | 7 +++++++
 webapp/src/styles/vault.css      | 2 ++
 2 files changed, 9 insertions(+)

diff --git a/webapp/src/styles/responsive.css b/webapp/src/styles/responsive.css
index 06ec779..7d29ce2 100644
--- a/webapp/src/styles/responsive.css
+++ b/webapp/src/styles/responsive.css
@@ -421,6 +421,13 @@
     @apply overflow-visible rounded-2xl border-0 bg-transparent p-0 shadow-none;
   }
 
+  .mobile-detail-sheet.detail-col {
+    overflow-x: hidden;
+    overflow-y: auto;
+    overscroll-behavior: contain;
+    -webkit-overflow-scrolling: touch;
+  }
+
   .card {
     @apply p-3.5;
   }
diff --git a/webapp/src/styles/vault.css b/webapp/src/styles/vault.css
index 2f0305e..81a2b1c 100644
--- a/webapp/src/styles/vault.css
+++ b/webapp/src/styles/vault.css
@@ -628,6 +628,8 @@
 
 .kv-main > strong {
   @apply min-w-0;
+  overflow-wrap: anywhere;
+  word-break: break-word;
 }
 
 .totp-inline {