samuel-p/sp-codes.de
samuel-p/sp-codes.de
1
0
Fork 1
Code Issues Pull requests 8 Releases Wiki Activity Actions

updated menu layout
All checks were successful
Build and Deploy Website / Build Website (push) Successful in 1m49s
Details
Build and Deploy Website / Deploy Website (push) Has been skipped
Details
Build and Deploy Website / Deploy Dev Website (push) Successful in 10s
Details

Browse source
This commit is contained in:
Samuel Philipp 2024-03-29 21:21:06 +01:00
parent e0ba67d389
commit c0c0f6469a
2 changed files with 10 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/_includes/layouts/base.njk
View file

@ -39,7 +39,7 @@ title: sp-codes
<body> <body>
<nav class="nav menu border-bottom"> <nav class="nav menu border-bottom">
<div class="toggle"> <div class="toggle">
<label for="menu" class="m-0"><span class="i-bars me-2"></span>{{ strings.menu[locale] }}</label> <label for="menu" class="m-0"><span class="i-bars i-fw me-2"></span>{{ strings.menu[locale] }}</label>
<div class="flex-grow-1"></div> <div class="flex-grow-1"></div>
@ -61,7 +61,7 @@ title: sp-codes
{% if not entry.url.startsWith("https") and entry.url.includes(locale) or entry.locale == locale %} {% if not entry.url.startsWith("https") and entry.url.includes(locale) or entry.locale == locale %}
<div class="item{% if entry.url == page.url %} active{% endif %}"> <div class="item{% if entry.url == page.url %} active{% endif %}">
<a href="{{ entry.url | url }}" class="me-4"> <a href="{{ entry.url | url }}" class="me-4">
{% if entry.icon %}<span class="{{ entry.icon }} me-2"></span>{% endif %}{{ entry.title }} {% if entry.icon %}<span class="{{ entry.icon }} i-fw me-2"></span>{% endif %}{{ entry.title }}
</a> </a>
</div> </div>
{% endif %} {% endif %}

17
src/scss/main.scss
View file

@ -143,6 +143,14 @@ p {
} }
} }
@include media-breakpoint-up(md) {
.nav {
.i-fw {
width: unset;
}
}
}
@include media-breakpoint-down(md) { @include media-breakpoint-down(md) {
.nav { .nav {
display: block; display: block;
@ -397,15 +405,6 @@ table.table {
} }
} }
//.ossrox {
// background-color: #efefef;
// border: 2px solid #000;
// box-shadow: 0 0 0 2px rgba(255, 255, 255, .7);
// padding: 5px;
// margin: 5px;
// max-width: 250px;
//}
@media (prefers-color-scheme: light) { @media (prefers-color-scheme: light) {
:root { :root {
--bs-border-color: #000; --bs-border-color: #000;