You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
212 lines
4.1 KiB
212 lines
4.1 KiB
@keyframes fadeIn{
|
|
0%{
|
|
opacity: 0;
|
|
}
|
|
100%{
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
o_setting_search {
|
|
position: relative;
|
|
}
|
|
|
|
.o_setting_search .searchInput {
|
|
height: 28px;
|
|
padding: 0px;
|
|
border: 0px;
|
|
box-shadow: none;
|
|
font-weight: 500;
|
|
}
|
|
.o_setting_search .searchIcon {
|
|
color: gray('700');
|
|
}
|
|
|
|
.search-container.has-results .search-input {
|
|
height: 3em;
|
|
}
|
|
.search-container.has-results .search-results {
|
|
height: calc(100% - 3em);
|
|
overflow: auto;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.o_setting_search.col-md-10{
|
|
padding: 20px;
|
|
}
|
|
.app-menu {
|
|
width: 100%;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
padding-left: calc((100vw - 850px) / 2);
|
|
padding-right: calc((100vw - 850px) / 2);
|
|
|
|
}
|
|
|
|
.o-menu-search-result.dropdown-item.col-12.ml-auto.mr-auto {
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
padding-left: 5.5rem;
|
|
}
|
|
.form-control {
|
|
padding: 0 !important;
|
|
}
|
|
@media (max-width: 1371px){
|
|
|
|
}
|
|
|
|
@media (max-width:992px) {
|
|
|
|
}
|
|
@media (max-width:400px) {
|
|
|
|
}
|
|
.o_main_navbar .o_menu_brand {
|
|
text-decoration: none !important;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.o_navbar .o_main_navbar .dropdown-toggle .dropdown-menu .search-container {
|
|
padding-left: calc((100vw - 850px) / 2);
|
|
padding-right: calc((100vw - 850px) / 2);
|
|
padding-top:20px;
|
|
padding-bottom:20px;
|
|
}
|
|
.o_apps_menu_opened .o_main_navbar .o_menu_brand{
|
|
display:none;
|
|
}
|
|
.app_components {
|
|
position: absolute;
|
|
height: 100vh;
|
|
width: 100%;
|
|
background: #f5f5f5f0;
|
|
z-index: 99;
|
|
top: 40px;
|
|
display:none;
|
|
background: url("../../src/img/home-menu-bg-overlay.svg"), linear-gradient(to bottom, #71639e, #b0adba);
|
|
}
|
|
.app-menu a{
|
|
flex-basis: 19%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
margin-bottom: 23px;
|
|
}
|
|
o_setting_search {
|
|
position: relative;
|
|
}
|
|
.o_setting_search .searchInput {
|
|
height: 28px;
|
|
padding: 0px;
|
|
border: 0px;
|
|
box-shadow: none;
|
|
font-weight: 500;
|
|
}
|
|
.o_setting_search .searchIcon {
|
|
color: gray('700');
|
|
}
|
|
|
|
.search-container.has-results .search-input {
|
|
height: 3em;
|
|
}
|
|
.search-container.has-results .search-results {
|
|
height: calc(100% - 3em);
|
|
overflow: auto;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.o_setting_search.col-md-10{
|
|
padding: 20px;
|
|
}
|
|
.app-menu {
|
|
width: 100%;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
padding-left: calc((100vw - 850px) / 2);
|
|
padding-right: calc((100vw - 850px) / 2);
|
|
|
|
}
|
|
|
|
.o-menu-search-result.dropdown-item.col-12.ml-auto.mr-auto {
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
padding-left: 3rem;
|
|
}
|
|
.form-control {
|
|
padding: 0 !important;
|
|
}
|
|
@media (max-width: 1371px){
|
|
|
|
}
|
|
|
|
@media (max-width:992px) {
|
|
|
|
}
|
|
@media (max-width:400px) {
|
|
|
|
}
|
|
.o_main_navbar .o_menu_brand {
|
|
text-decoration: none !important;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.o_navbar .o_main_navbar .dropdown-toggle .dropdown-menu .search-container {
|
|
padding-left: calc((100vw - 850px) / 2);
|
|
padding-right: calc((100vw - 850px) / 2);
|
|
padding-top:20px;
|
|
padding-bottom:20px;
|
|
}
|
|
.o_apps_menu_opened .o_main_navbar .o_menu_brand{
|
|
display:none;
|
|
}
|
|
.app_components {
|
|
position: absolute;
|
|
height: 100vh;
|
|
width: 100%;
|
|
background: #f5f5f5f0;
|
|
z-index: 99;
|
|
top: 40px;
|
|
display:none;
|
|
background: url("../../img/home-menu-bg-overlay.svg"), linear-gradient(to bottom, #71639e, #b0adba);
|
|
}
|
|
.app-menu a{
|
|
flex-basis: 19%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
margin-bottom: 23px;
|
|
cursor:pointer;
|
|
}
|
|
.app_components .search-input{
|
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.1);
|
|
border-radius: 4px;
|
|
width:100%;
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
margin-bottom:1rem;
|
|
text-shadow: 0 1px 0 rgb(0 0 0 / 50%);
|
|
}
|
|
|
|
.o_navbar .o_main_navbar .o_main-menu-button:hover{
|
|
background:rgba(0, 0, 0, 0.08);
|
|
cursor: pointer;
|
|
}
|
|
@media (max-width: 850px) {
|
|
.app_components .search-input {
|
|
width:90%;
|
|
margin:0 auto;
|
|
}
|
|
.app-menu {
|
|
width:90%;
|
|
margin:0 auto;
|
|
}
|
|
}
|
|
@media (max-width: 444px) {
|
|
.app-menu{
|
|
width:80%;
|
|
}
|
|
.app-menu a{
|
|
flex-basis: 25%;
|
|
}
|
|
}
|
|
|