feat(config): make libra more customizable through config.js and

libra.css

1 files changed, 12 insertions, 2 deletions

diff --git a/src/libra.css b/src/libra.css
index 1c7277c..f3d6e7b 100644
--- a/src/libra.css
+++ b/src/libra.css
@@ -5,7 +5,7 @@
     width: 100%;
     height: 100%;
     padding: 1rem;
-    transition: opacity 0.2s ease-in-out;
+    transition: opacity ease-in-out;
 
     backdrop-filter: blur(2rem);
     background-color: rgba(255, 255, 255, 0.75);
@@ -17,6 +17,16 @@
     cursor: pointer;
 }
 
+.libra-overlay.libra-visible {
+    opacity: 1;
+    z-index: 900;
+}
+
+.libra-overlay.libra-hidden {
+    opacity: 0;
+    z-index: -100;
+}
+
 @media (prefers-color-scheme: dark) {
     .libra-overlay {
         background-color: rgba(0, 0, 0, 0.75);
@@ -25,9 +35,9 @@
 
 .libra-shadow {
     position: absolute;
-    transition-duration: 0.2s;
     transition-property: transform;
     cursor: pointer;
+    z-index: 1000;
 }
 
 .libra-shadow.open {