0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-07 20:42:44 +00:00

Tweak size and centering strategy

This commit is contained in:
Trevor Buckner
2023-04-11 21:26:16 -04:00
parent 29fd836965
commit a2430c8744

View File

@@ -177,37 +177,36 @@
margin-right: 10px; margin-right: 10px;
} }
.window{ .window{
position: absolute; position : absolute;
bottom: 0; bottom : 0;
min-width: 100px; width : 440px;
width: 80%; left : 50%;
max-width: 440px; max-height : ~"calc(100vh - 28px)";
left: 0;
right : 0;
max-height : ~"calc(100vh - 28px)";
background-color : #333; background-color : #333;
display: flex; border : 3px solid #444;
flex-flow: row wrap; border-top : unset;
justify-content: flex-start; border-radius : 0 0 5px 5px;
align-content: baseline; box-shadow : inset 0 7px 9px -7px #111;
padding: 0px 10px 5px; display : flex;
border-radius: 0 0 5px 5px; flex-flow : row wrap;
margin: 0 auto; justify-content : flex-start;
z-index: -1; align-content : baseline;
transition: transform 0.4s, opacity 0.4s; padding : 0px 10px 5px;
margin : 0 auto;
z-index : -1;
transition : transform 0.4s, opacity 0.4s;
&.active{ &.active{
transform: translateY(100%); transform: translateX(-50%) translateY(100%);
opacity: 1; opacity: 1;
} }
&.inactive{ &.inactive{
transform: translateY(0%); transform: translateX(-50%) translateY(0%);
opacity: 0; opacity: 0;
} }
.row{ .row{
display : flex; display : flex;
flex-flow : row wrap; flex-flow : row wrap;
width : 100%; width : 100%;
// border-top : 1px solid #888;
h4{ h4{
display : block; display : block;
box-sizing : border-box; box-sizing : border-box;
@@ -245,7 +244,6 @@
background-color: #555; background-color: #555;
} }
} }
// }
} }
} }
.warning.navItem{ .warning.navItem{