From 7e7067825785547a6af07d5bf2018da55d1f002c Mon Sep 17 00:00:00 2001
From: xmcp <xiaoyuanan2000@sina.com>
Date: Thu, 1 Aug 2019 15:44:34 +0800
Subject: [PATCH] add gaussian blur and fix for small screen

---
 src/Sidebar.css    | 5 ++++-
 src/Title.css      | 2 ++
 src/UserAction.css | 5 +++--
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/Sidebar.css b/src/Sidebar.css
index 4ff3085..75a7b00 100644
--- a/src/Sidebar.css
+++ b/src/Sidebar.css
@@ -21,10 +21,11 @@
     position: fixed;
     top: 0;
     height: 100%;
-    background-color: rgba(255,255,255,.8);
+    background-color: rgba(255,255,255,.7);
     overflow-y: auto;
     padding-top: 3em;
     padding-bottom: 1em;
+    backdrop-filter: blur(10px);
 }
 
 .sidebar, .sidebar-title {
@@ -48,6 +49,8 @@
     padding-left: .5em;
     background-color: rgba(255,255,255,.6);
     pointer-events: none;
+    backdrop-filter: blur(10px);
+    box-shadow: 0 3px 5px rgba(0,0,0,.2);
 }
 .sidebar-title a {
     pointer-events: initial;
diff --git a/src/Title.css b/src/Title.css
index ae33810..5abbfdb 100644
--- a/src/Title.css
+++ b/src/Title.css
@@ -8,6 +8,7 @@
     background-color: rgba(255,255,255,.8);
     box-shadow: 0 0 25px rgba(0,0,0,.4);
     margin-bottom: 1em;
+    backdrop-filter: blur(10px);
 }
 
 .control-bar {
@@ -37,6 +38,7 @@
     color: black;
     background-color: rgba(255,255,255,.5);
     margin: 0 .5em;
+    min-width: 8em;
 }
 
 .list-menu {
diff --git a/src/UserAction.css b/src/UserAction.css
index 040de54..ef0d77a 100644
--- a/src/UserAction.css
+++ b/src/UserAction.css
@@ -42,10 +42,11 @@
 }
 .post-form-bar input[type=file] {
     border: 0;
+    padding: 0 .5em;
 }
-@media screen and (max-width: 600px) {
+@media screen and (max-width: 570px) {
     .post-form-bar input[type=file] {
-        width: 150px;
+        width: 110px;
     }
 }
 .post-form-bar button {