Update Navbar

newdesign
Antonio Manzano 2022-12-22 16:47:19 +00:00
parent 0994ea6bed
commit 95d64ff633
1 changed files with 53 additions and 3 deletions

View File

@ -33,12 +33,13 @@
background-color: white !important; background-color: white !important;
height: 74px ; height: 74px ;
box-shadow: 0 2px 4px #00000014; box-shadow: 0 2px 4px #00000014;
border-bottom: 1px solid #262626; border-bottom: none;
background-image: inherit; background-image: inherit;
} }
#theming-preview-logo, #header #nextcloud { #theming-preview-logo, #header #nextcloud {
padding-left: 10px; padding-left: 82px;
bottom: 1px;
} }
#header #unified-search svg { #header #unified-search svg {
@ -96,6 +97,16 @@
height: 35px; height: 35px;
} }
#navbar-nextcloud #unified-search.header-menu.unified-search a.header-menu__trigger {
background-color: #F0F0F0;
width: 36px;
height: 36px;
border-radius: 5px;
position: relative;
top: 8px;
left: 9px;
}
#body-user div#content, #body-settings div#content, #body-public div#content { #body-user div#content, #body-settings div#content, #body-public div#content {
padding-top: 75px; padding-top: 75px;
} }
@ -128,9 +139,17 @@
} }
#header #navbar-menu-apps #menu-apps-btn { #header #navbar-menu-apps #menu-apps-btn {
margin-right: 20px;
cursor: pointer; cursor: pointer;
position: relative; position: relative;
width: 36px;
height: 36px;
border-radius: 5px;
background-color: #f0f0f0;
left: -15px;
top: 1px;
display: flex;
align-items: center;
justify-content: center;
} }
#header #navbar-menu-apps #menu-apps-btn #dropdownMenuAppsButton { #header #navbar-menu-apps #menu-apps-btn #dropdownMenuAppsButton {
@ -218,3 +237,34 @@ div#content-vue {
padding-top: 75px; padding-top: 75px;
} }
#product-logo>a>img {
height: 26px !important;
margin-right: 30px !important;
margin-top: 12px !important;
}
#navbar-nextcloud .notifications .notifications-button.menutoggle {
margin-right: 16px;
width: 36px;
height: 36px;
background-color: #f0f0f0;
border-radius: 5px;
position: relative;
top: 8px;
left: 1px;
opacity: 1 !important;
}
#navbar-nextcloud #contactsmenu .icon-contacts {
background-image: var(--icon-contacts-000);
opacity: 1;
margin-right: 16px;
width: 36px;
height: 36px;
background-color: #f0f0f0;
position: relative;
top: 8px;
border-radius: 5px;
left: -7px;
}