From 29ce3827db4d840b392d13d61ad1ddd6c0b77e3b Mon Sep 17 00:00:00 2001
From: fanzzzd <fanzzzd@outlook.com>
Date: Thu, 5 Mar 2026 10:37:27 +0800
Subject: [PATCH] fix(ui): add reduced-transparency background fallback for
 tablet layout

When reduce transparency is enabled, liquid-glass effects are disabled. Tablet layout lacked a solid background on .tablet-main, so the window could appear fully transparent after resizing into tablet breakpoints. Add a tablet-only reduced-transparency fallback background.
---
 src/styles/compact-tablet.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/styles/compact-tablet.css b/src/styles/compact-tablet.css
index 1316931e0..1d9b95d01 100644
--- a/src/styles/compact-tablet.css
+++ b/src/styles/compact-tablet.css
@@ -87,6 +87,10 @@
   height: 100%;
 }
 
+.app.layout-tablet.reduced-transparency .tablet-main {
+  background: var(--surface-messages);
+}
+
 .tablet-topbar {
   padding: 10px 20px 8px;
 }