bendtherules/is-nifty-open
1
0
Fork 0
mirror of https://github.com/bendtherules/is-nifty-open.git synced 2026-08-18 13:52:20 +00:00
Code Issues 20 Packages Projects Releases Wiki Activity

Use vmax for icon size and placement

Browse Source
This commit is contained in:
bendtherules
2018-03-25 13:12:05 +05:30
parent 495a0d6bb2
commit b0b731ca78
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/Components/DateSwitchBar/Component.css
+4 -4
View File
@@ -1,16 +1,16 @@
.DateSwitchBar { .DateSwitchBar {
width: 100%; width: 100%;
height: 3.5vh; height: 3vmax;
position: relative; position: relative;
} }
.icon { .icon {
position: absolute; position: absolute;
left: 3.5vh; left: 3vmax;
top: 0; top: 0;
width: 3.5vh; width: 3vmax;
height: 3.5vh; height: 3vmax;
border: .15em solid rgba(255, 255, 255, 0.75); border: .15em solid rgba(255, 255, 255, 0.75);
background-color: rgba(255, 255, 255, 0.25); background-color: rgba(255, 255, 255, 0.25);
src/Components/IsNiftyOpenApp/App.css
+1 -1
View File
@@ -102,7 +102,7 @@
.App .DateSwitchBar-container { .App .DateSwitchBar-container {
position: absolute; position: absolute;
top: 4vh; top: 3vmax;
left: 50%; left: 50%;
width: 100%; width: 100%;
transform: translate(-50%, 0); transform: translate(-50%, 0);