add gaussian blur and fix for small screen

2019-08-01 15:44:34 +08:00
parent 7045350078
commit 7e70678257
3 changed files with 9 additions and 3 deletions
--- 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 {