splatink/omnisearch
1
0
Fork 0
mirror of https://git.bwaaa.monster/omnisearch synced 2026-03-25 17:19:02 +02:00
Code Issues Packages Projects Releases Wiki Activity

style: changed how favicons appear on the result page

Browse Source
This commit is contained in:
frosty
2026-03-23 03:09:00 -04:00
parent 51e7fcaad2
commit 660a4918b8
2 changed files with 36 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
static/main.css
View File

@@ -277,12 +277,38 @@ h1 span {
align-items: center;
gap: 8px;
margin-bottom: 2px;
position: relative;
}
.result-favicon {
width: 16px;
height: 16px;
flex-shrink: 0;
object-fit: contain;
background-size: cover;
background-position: center;
position: absolute;
left: -24px;
}
.url {
color: var(--text-secondary);
font-size: 0.85rem;
display: block;
margin-bottom: 4px;
}
@media (max-width: 768px) {
.result-favicon {
width: 14px;
height: 14px;
left: -20px;
}
}
@media (max-width: 480px) {
.result-favicon {
width: 12px;
height: 12px;
left: -16px;
}
}
.results-container {
grid-column:2;
@@ -320,12 +346,6 @@ h1 span {
display:inline-block;
margin-bottom:4px;
}
.url {
color:var(--text-secondary);
font-size:0.85rem;
display:block;
margin-bottom:4px;
}
.desc {
color:var(--text-muted);
line-height:1.6;
@@ -438,6 +458,10 @@ h1 span {
@media (max-width:1200px) {
body {
padding-left: 16px;
padding-right: 16px;
}
.content-layout {
grid-template-columns:1fr;
padding:20px 30px;
@@ -459,6 +483,10 @@ h1 span {
}
@media (max-width:768px) {
body {
padding-left: 16px;
padding-right: 16px;
}
header {
flex-direction:column;
gap:12px;

2
templates/results.html
View File

@@ -57,7 +57,7 @@
<div class="result">
<div class="result-header">
<div class="result-favicon"
style="background-image: url('https://{{result[4]}}/favicon.ico');">
style="background-image: url('https://{{result[4]}}/favicon.ico'), url('https://{{result[4]}}/favicon.png');">
</div>
<span class="url">
{{result[1]}}