ben/Bambu-Run
1
0
Fork 0
mirror of https://github.com/RunLit/Bambu-Run.git synced 2026-06-22 22:19:03 +01:00
Code Issues Packages Projects Releases Wiki Activity

added icon and fixed text trunction issue

Browse Source
This commit is contained in:
RNL
2026-02-20 19:33:04 +11:00
parent 4eb2a40186
commit 7af47718e6
1 changed files with 22 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
bambu_run/templates/bambu_run/base.html
View File

@@ -7,9 +7,24 @@
<!-- CoreUI 5.3 CSS CDN --> <!-- CoreUI 5.3 CSS CDN -->
<link href="https://cdn.jsdelivr.net/npm/@coreui/coreui@5.3.0/dist/css/coreui.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/@coreui/coreui@5.3.0/dist/css/coreui.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/@coreui/icons@3.0.1/css/all.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/@coreui/icons@3.0.1/css/all.min.css" rel="stylesheet">
<!-- Bootstrap Icons (for bi-vinyl filament icon) -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
{% block extra_css %}{% endblock %} {% block extra_css %}{% endblock %}
<style> <style>
.sidebar-brand { padding: 1rem; font-size: 1.25rem; font-weight: 700; } /* Sidebar brand sizing and padding */
.sidebar-brand {
padding: 1rem 1rem 1.25rem;
font-size: 1.25rem;
font-weight: 700;
min-height: 56px;
align-items: center;
overflow: hidden;
white-space: nowrap;
}
/* Hide brand text when sidebar is narrow */
.sidebar-narrow-unfoldable:not(:hover) .sidebar-brand-text {
display: none;
}
/* Sidebar collapse layout — standalone only */ /* Sidebar collapse layout — standalone only */
.wrapper { transition: margin-left 0.15s ease-out; } .wrapper { transition: margin-left 0.15s ease-out; }
@media (min-width: 992px) { @media (min-width: 992px) {
@@ -17,23 +32,26 @@
.sidebar.sidebar-narrow ~ .wrapper, .sidebar.sidebar-narrow ~ .wrapper,
.sidebar.sidebar-narrow-unfoldable ~ .wrapper { margin-left: 56px; } .sidebar.sidebar-narrow-unfoldable ~ .wrapper { margin-left: 56px; }
} }
@media (max-width: 991.98px) {
.sidebar ~ .wrapper { margin-left: 0; }
}
</style> </style>
</head> </head>
<body> <body>
<div class="sidebar sidebar-dark sidebar-fixed" id="sidebar"> <div class="sidebar sidebar-dark sidebar-fixed" id="sidebar">
<div class="sidebar-brand d-none d-md-flex"> <div class="sidebar-brand d-none d-md-flex">
Bambu Run <span class="sidebar-brand-text">Bambu Run</span>
</div> </div>
<ul class="sidebar-nav" data-coreui="navigation"> <ul class="sidebar-nav" data-coreui="navigation">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="{% url 'bambu_run:printer_dashboard' %}"> <a class="nav-link" href="{% url 'bambu_run:printer_dashboard' %}">
<svg class="nav-icon"><use xlink:href="https://cdn.jsdelivr.net/npm/@coreui/icons@3.0.1/sprites/free.svg#cil-print"></use></svg> <svg class="nav-icon"><use xlink:href="https://cdn.jsdelivr.net/npm/@coreui/icons@3.0.1/sprites/free.svg#cil-expand-down"></use></svg>
3D Printer 3D Printer
</a> </a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="{% url 'bambu_run:filament_list' %}"> <a class="nav-link" href="{% url 'bambu_run:filament_list' %}">
<svg class="nav-icon"><use xlink:href="https://cdn.jsdelivr.net/npm/@coreui/icons@3.0.1/sprites/free.svg#cil-layers"></use></svg> <i class="nav-icon bi bi-vinyl"></i>
Filament Inventory Filament Inventory
</a> </a>
</li> </li>