Use vmax for icon size and placement

2026-08-18 13:52:20 +00:00 · 2018-03-25 13:12:05 +05:30
parent 495a0d6bb2
commit b0b731ca78
2 changed files with 5 additions and 5 deletions
@@ -1,16 +1,16 @@
 .DateSwitchBar {
    width: 100%;
-    height: 3.5vh;
+    height: 3vmax;
    position: relative;
 }

 .icon {
    position: absolute;
-    left: 3.5vh;
+    left: 3vmax;
    top: 0;

-    width: 3.5vh;
-    height: 3.5vh;
+    width: 3vmax;
+    height: 3vmax;
    border: .15em solid rgba(255, 255, 255, 0.75);
    background-color: rgba(255, 255, 255, 0.25);

@@ -102,7 +102,7 @@

 .App .DateSwitchBar-container {
  position: absolute;
-  top: 4vh;
+  top: 3vmax;
  left: 50%;
  width: 100%;
  transform: translate(-50%, 0);