mirror of
https://code.equilibrium.co.ao/ITO/doneit-web.git
synced 2026-04-18 12:37:53 +00:00
Peter Maquiran
114 lines
2.0 KiB
SCSS
114 lines
2.0 KiB
SCSS
@import '~src/function.scss';
|
|
.main-content{
|
|
background-color: #fff !important;
|
|
border-top-left-radius: 25px;
|
|
border-top-right-radius: 25px;
|
|
}
|
|
.content{
|
|
margin: 0;
|
|
float: left;
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
ion-button{
|
|
display: block;
|
|
width: 80%;
|
|
margin: 20px auto;
|
|
}
|
|
.aside-right-container {
|
|
position: fixed;
|
|
height: 100%;
|
|
background: white;
|
|
top: 0px;
|
|
box-shadow: 0px 0px 10px black;
|
|
z-index: 1111111111111111111111111111111111111111111111;
|
|
/* display: none; */
|
|
right: 0px;
|
|
width: 400px;
|
|
padding: 30px 20px 0 20px !important;
|
|
}
|
|
|
|
.aside-right{
|
|
position: absolute;
|
|
height: 100%;
|
|
width: 100% !important;
|
|
background: #0000006b;
|
|
right: 0px;
|
|
z-index: 111111111111111;
|
|
top: 0px;
|
|
|
|
.arrow-right{
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
margin-bottom: 20px;
|
|
|
|
.arrow-right-icon{
|
|
width: 37px;
|
|
float: right;
|
|
font-size: rem(35);
|
|
overflow: hidden;
|
|
}
|
|
}
|
|
.buttons{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
|
|
.btn-ok, .btn-cancel, .btn-delete{
|
|
height: auto !important;
|
|
font-size: rem(16) !important;
|
|
width: 100% !important;
|
|
margin-bottom: 10px !important;
|
|
padding: 15px !important;
|
|
}
|
|
}
|
|
.solid {
|
|
display: block;
|
|
width: 90%;
|
|
border-top: 1px solid #ebebeb;
|
|
margin: 0 auto !important;
|
|
margin-bottom: 10px !important;
|
|
}
|
|
}
|
|
|
|
// @media only screen and (max-width: 800px) {
|
|
// .content{
|
|
// width: 100% !important;
|
|
// }
|
|
// .aside-right{
|
|
// display: none;
|
|
// }
|
|
// }
|
|
// @media only screen and (min-width: 801px) {
|
|
// .div-icon{
|
|
// display: none !important;
|
|
// }
|
|
// .content{
|
|
// width: 65%;
|
|
// border-right: 1px solid #d8d8d8;
|
|
// }
|
|
|
|
// .aside-right{
|
|
// width: 35%;
|
|
// }
|
|
// }
|
|
|
|
// @media only screen and (min-width: 1024px){
|
|
// .content{
|
|
// width: 70%;
|
|
// }
|
|
// .aside-right{
|
|
// width: 30%;
|
|
// }
|
|
// }
|
|
|
|
// @media only screen and (min-width: 1140px){
|
|
// .content{
|
|
// width: 75%;
|
|
// }
|
|
// .aside-right{
|
|
// width: 25%;
|
|
// }
|
|
// }
|