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:
@@ -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{
|
||||||
|
|||||||
Reference in New Issue
Block a user