terbshaeusser/website
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Activity

remove search button from nav bar

Browse Source 
Signed-off-by: Tobias Erbshäußer <tobias@tesoft.dev>
This commit is contained in:
Tobias Erbshäußer
2026-05-24 09:22:39 +02:00
parent 35d3211615
commit 51f07e0543
2 changed files with 41 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/nav.njk
+9 -14
View File
@@ -20,7 +20,7 @@
border-radius: 0.5rem;
display: grid;
gap: 1rem;
grid-template-columns: auto 1fr auto;
grid-template-columns: auto 1fr;
grid-template-rows: auto;
padding: var(--small-padding) var(--medium-padding) var(--small-padding) var(--medium-padding);
}
@@ -70,14 +70,14 @@
width: 100%;
}
dialog.search {
dialog.exec {
position: absolute;
top: 30%;
left: 50%;
transform: translate(-50%, -50%);
}
dialog.search > div {
dialog.exec > div {
color: var(--light-gray);
display: grid;
gap: var(--medium-padding);
@@ -102,7 +102,7 @@
}
@media (min-width: 860px) {
dialog.search > div {
dialog.exec > div {
width: 80rem;
}
}
@@ -116,15 +116,10 @@
<tesoft-button class="small-menu">
<span></span>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px">
<svg xmlns="http://www.w3.org/2000/svg" height="2.4rem" viewBox="0 -960 960 960" width="2.4rem">
<path d="M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z"/>
</svg>
</tesoft-button>
<tesoft-button class="search">
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px">
<path d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z"/>
</svg>
</tesoft-button>
</div>
</nav>
@@ -132,15 +127,15 @@
<div></div>
</dialog>
<dialog class="search" closedby="any">
<dialog class="exec" closedby="any">
<div>
<tesoft-input>
<svg slot="left" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px">
<path d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z"/>
<svg slot="left" xmlns="http://www.w3.org/2000/svg" height="2.4rem" viewBox="0 -960 960 960"
width="2.4rem">
<path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/>
</svg>
</tesoft-input>
<div class="results">
<!-- TODO -->
</div>
</div>
</dialog>