From 29d5f9d9e617867e52d97e7938ea774056c0221a Mon Sep 17 00:00:00 2001
From: hexxa <hexxa@outlook.com>
Date: Wed, 12 Jan 2022 20:04:22 +0800
Subject: [PATCH] fix(files): update qr code style

---
 public/static/css/white.css                   | 7 +++++++
 src/client/web/src/components/panel_files.tsx | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/public/static/css/white.css b/public/static/css/white.css
index 6ec8553..5b6f1ba 100644
--- a/public/static/css/white.css
+++ b/public/static/css/white.css
@@ -234,6 +234,13 @@
   backdrop-filter: blur(9.5px);
 }
 
+.theme-default .qrcode-flat {
+  padding: 1rem;
+  background-color: #ecf0f1;
+  display: inline-block;
+  background: rgba(255, 255, 255, 0.8);
+}
+
 .theme-default .qrcode-container {
   height: 3rem;
 }
diff --git a/src/client/web/src/components/panel_files.tsx b/src/client/web/src/components/panel_files.tsx
index 2d67fa0..eced0fc 100644
--- a/src/client/web/src/components/panel_files.tsx
+++ b/src/client/web/src/components/panel_files.tsx
@@ -656,7 +656,7 @@ export class FilesPanel extends React.Component<Props, State, {}> {
           <div className="column">
             <div className="card">
               <span className="title-m black-font">{pathTitle}</span>
-              <div className="qrcode">
+              <div className="qrcode-flat">
                 <QRCode value={absDownloadURL} size={128} />
               </div>
             </div>