github-mirror/grocy
1
0
Fork 0
mirror of https://github.com/grocy/grocy.git synced 2026-04-08 13:46:14 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

improve design

Browse Source
This commit is contained in:
Marzy1234 2025-12-01 18:46:31 +01:00
parent 68b4abfac4
commit 2c4af4f0b3
2 changed files with 52 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
public/css/grocy.css
View File

@ -1,14 +1,25 @@
/* Main style customizations */ /* Main style customizations */
body { body {
font-family: 'Roboto', sans-serif; font-family: 'Inter', sans-serif;
font-size: 16px;
line-height: 1.5;
color: #333;
background-color: #f9f9f9;
} }
.content-text { .content-text {
font-size: 0.85rem; color: #444;
font-size: 1rem;
} }
.responsive-button { .responsive-button {
white-space: normal; white-space: normal;
border-radius: 4px;
}
.responsive-button:hover {
transform: translate(0px, 1px);
-webkit-transform: translate(0px, 1px);
} }
.timeago-contextual { .timeago-contextual {
@ -38,6 +49,8 @@ a.discrete-link:hover {
.grocy-card .card-header { .grocy-card .card-header {
background-color: inherit; background-color: inherit;
background-color: #f8f9fa;
border-bottom: 1px solid #e7e7e7;
} }
.grocy-card .card-icons a { .grocy-card .card-icons a {
@ -386,31 +399,36 @@ html {
padding: 12px; padding: 12px;
font-weight: bold; font-weight: bold;
width: fit-content; width: fit-content;
border-top: 6px solid; border: 1.5px solid;
margin: 5px 0px
} }
.warning-message { .warning-message {
background-color: #fffaeb; background-color: #fffaeb;
color: #7c5e10; color: #7c5e10;
border-top-color: #e9b949; border-top-color: #e9b949;
border-radius: 12px;
} }
.error-message { .error-message {
background-color: #ffeeee; background-color: #ffeeee;
color: #780a0a; color: #780a0a;
border-top-color: #ba2525; border-top-color: #ba2525;
border-radius: 12px;
} }
.normal-message { .normal-message {
background-color: #e0e8f9; background-color: #e0e8f9;
color: #2d3a8c; color: #2d3a8c;
border-top-color: #4c63b6; border-top-color: #4c63b6;
border-radius: 12px;
} }
.secondary-message { .secondary-message {
background-color: #e1e4e8; background-color: #e1e4e8;
color: #4e575f; color: #4e575f;
border-top-color: #68696b; border-top-color: #68696b;
border-radius: 12px;
} }
.status-filter-message, .status-filter-message,
@ -548,4 +566,4 @@ html {
#table-filter-row div:not(:first-of-type) { #table-filter-row div:not(:first-of-type) {
margin-top: 8px; margin-top: 8px;
} }
} }

36
public/css/grocy_menu_layout.css
View File

@ -5,15 +5,26 @@ html {
body { body {
overflow-x: hidden; overflow-x: hidden;
margin: 0;
padding: 0;
color: #444;
}
body.fixed-nav {
padding-top: 64px;
} }
body.fixed-nav { body.fixed-nav {
padding-top: 56px; padding-top: 56px;
} }
.content-wrapper { .content-wrapper {
min-height: calc(100vh - 56px); min-height: calc(100vh - 56px);
padding-top: 1rem; padding-top: 1rem;
padding: 2rem;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
} }
#mainNav .navbar-collapse { #mainNav .navbar-collapse {
@ -280,6 +291,19 @@ body.sidenav-toggled .navbar-sidenav .nav-item {
white-space: nowrap; white-space: nowrap;
} }
.navbar-sidenav .nav-item {
margin: 0.5rem 0;
}
.navbar-sidenav .nav-item .nav-link {
color: #555;
font-weight: 500;
}
.navbar-sidenav .nav-item .nav-link:hover {
color: #007bff;
}
body.sidenav-toggled .navbar-sidenav-tooltip.show { body.sidenav-toggled .navbar-sidenav-tooltip.show {
display: flex; display: flex;
} }
@ -351,7 +375,7 @@ body.sidenav-toggled .navbar-sidenav-tooltip.show {
#mainNav { #mainNav {
line-height: 1; line-height: 1;
background-color: #e5e5e5 !important; background-color: #f1f1f1c7 !important;
border-bottom: 2px solid !important; border-bottom: 2px solid !important;
border-color: #d6d6d6 !important; border-color: #d6d6d6 !important;
padding-bottom: 0.3rem; padding-bottom: 0.3rem;
@ -372,9 +396,9 @@ body.sidenav-toggled .navbar-sidenav-tooltip.show {
.navbar-sidenav, .navbar-sidenav,
.sidenav-second-level { .sidenav-second-level {
background-color: #e5e5e5 !important; background-color: #f1f1f1c7 !important;
border-right: 2px solid !important; border-right: 0.1px solid !important;
border-color: #d6d6d6 !important; border-color: #e4e3e3 !important;
} }
.navbar-nav .dropdown-menu { .navbar-nav .dropdown-menu {
@ -403,7 +427,7 @@ body.sidenav-toggled .navbar-sidenav-tooltip.show {
.navbar-nav .dropdown-item:focus, .navbar-nav .dropdown-item:focus,
.active-page { .active-page {
box-shadow: inset 7px 0 0 #337ab7 !important; box-shadow: inset 7px 0 0 #337ab7 !important;
background-color: #d6d6d6 !important; background-color: #ebebeb !important;
} }
.navbar-brand { .navbar-brand {
@ -500,4 +524,4 @@ body.fixed-nav {
.navbar-nav .dropdown-item .form-inline>input { .navbar-nav .dropdown-item .form-inline>input {
text-align: right; text-align: right;
} }
} }