Dedupe fillRight, fillLeft styles

63b4896d5657a844b7a2c9f7e78b05cbd88ef23d

Cohee <18619528+Cohee1207@users.noreply.github.com>

public/style.css+9 -27 Viewed

     position: fixed;
+}
-.fillLeft {
+.fillLeft,
+.fillRight {
     width: calc((100vw - var(--sheldWidth) - 2px) /2);
     width: calc((100dvw - var(--sheldWidth) - 2px) /2);
-    height: 0;
     max-height: calc(100vh - var(--topBarBlockSize));
     max-height: calc(100dvh - var(--topBarBlockSize));
+    height: 0;
     position: fixed;
     top: 0;
     margin: 0;
-    left: 0;
-    right: auto;
-    border-radius: 10px;
     box-shadow: none;
     overflow: hidden;
     flex-flow: column;
-    border: 1px solid var(--SmartThemeBorderColor);
+    min-width: 100px;
+}
+.fillLeft {
+    left: 0;
+    right: auto;
+}
 .fillRight {
-    width: calc((100vw - var(--sheldWidth) - 2px) /2);
-    width: calc((100dvw - var(--sheldWidth) - 2px) /2);
-    max-height: calc(100vh - var(--topBarBlockSize));
-    max-height: calc(100dvh - var(--topBarBlockSize));
-    height: 0;
-    position: fixed;
-    top: 0;
-    margin: 0;
     right: 0;
     left: calc(100% - var(--sheldWidth) /2 + var(--sheldWidth) +1px);
-    padding: 5px;
-    margin-bottom: 5px;
-    backdrop-filter: blur(calc(var(--SmartThemeBlurStrength)));
-    background-color: var(--SmartThemeBlurTintColor);
-    -webkit-backdrop-filter: blur(calc(var(--SmartThemeBlurStrength)));
     z-index: 3000;
-    border: 1px solid var(--SmartThemeBorderColor);
-    box-shadow: none;
-    border-radius: 10px;
-    overflow: hidden;
-    flex-flow: column;
-    min-width: 100px;
+}
 .fillLeft.openDrawer,