Invario/Inventarsystem
3
1
Fork 0
Code Issues 29 Pull Requests Actions Packages Projects Releases 216 Wiki Activity

Refactor navbar and search form styles for improved layout: adjust flex properties and widths for better responsiveness

Browse Source
This commit is contained in:
AIIrondev
2026-04-22 19:37:39 +02:00
parent aa8912e8b7
commit cbbcc09fc2
1 changed files with 45 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Web/templates/base.html
+45 -1
View File
@@ -306,6 +306,7 @@
align-items: center; align-items: center;
margin-right: 10px; margin-right: 10px;
width: min(420px, 42vw); width: min(420px, 42vw);
min-width: 0;
} }
.function-search-form { .function-search-form {
@@ -313,10 +314,13 @@
display: flex; display: flex;
gap: 6px; gap: 6px;
align-items: center; align-items: center;
min-width: 0;
} }
.function-search-input { .function-search-input {
width: 100%; flex: 1 1 auto;
width: auto;
min-width: 0;
min-height: 38px; min-height: 38px;
border-radius: 10px; border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.3); border: 1px solid rgba(255, 255, 255, 0.3);
@@ -337,6 +341,7 @@
} }
.function-search-btn { .function-search-btn {
flex: 0 0 auto;
min-height: 38px; min-height: 38px;
border-radius: 10px; border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.45); border: 1px solid rgba(255, 255, 255, 0.45);
@@ -539,9 +544,48 @@
margin-top: 4px; margin-top: 4px;
} }
.navbar-collapse {
width: 100%;
}
.navbar-collapse > .d-flex {
width: 100%;
flex-direction: column;
align-items: stretch;
gap: 8px;
}
.function-search-wrap { .function-search-wrap {
width: 100%; width: 100%;
max-width: 100%;
margin: 8px 0 10px; margin: 8px 0 10px;
flex: 1 1 100%;
}
.function-search-form {
width: 100%;
max-width: 100%;
flex-wrap: nowrap;
}
.function-search-input {
width: auto;
min-width: 0;
flex: 1 1 auto;
}
.function-search-btn {
flex: 0 0 auto;
white-space: nowrap;
}
.navbar-text {
margin-right: 0 !important;
width: 100%;
}
.user-menu-wrap {
align-self: flex-start;
} }
.navbar-nav .nav-item { .navbar-nav .nav-item {