mirror of
https://github.com/YGGverse/Yo.git
synced 2026-03-31 17:55:35 +00:00
update search page styles
This commit is contained in:
parent
7b15b0723f
commit
39ddb966c1
1 changed files with 79 additions and 78 deletions
|
|
@ -143,12 +143,38 @@ $results = $query->offset($p * $config->webui->pagination->limit - $config->webu
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
|
z-index: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
main {
|
main {
|
||||||
margin-top: 110px;
|
margin-top: 80px;
|
||||||
margin-bottom: 76px;
|
margin-bottom: 76px;
|
||||||
padding: 0 20px;
|
padding: 0 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
main > div {
|
||||||
|
border-top: 1px #000 dashed;
|
||||||
|
font-size: 14px;
|
||||||
|
margin: 0 auto;
|
||||||
|
max-width: 620px;
|
||||||
|
padding: 8px 0;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
main > div > img {
|
||||||
|
left: -24px;
|
||||||
|
position: absolute;
|
||||||
|
top: 18px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
main > div > div {
|
||||||
|
padding: 8px 0;
|
||||||
|
line-height: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
main > div > div > a {
|
||||||
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
|
|
@ -170,9 +196,8 @@ $results = $query->offset($p * $config->webui->pagination->limit - $config->webu
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
display: block;
|
display: block;
|
||||||
font-size: 16px;
|
font-size: 15px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
margin: 4px 0;
|
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -238,33 +263,12 @@ $results = $query->offset($p * $config->webui->pagination->limit - $config->webu
|
||||||
|
|
||||||
a, a:visited, a:active {
|
a, a:visited, a:active {
|
||||||
color: #9ba2ac;
|
color: #9ba2ac;
|
||||||
font-size: 12px;
|
|
||||||
margin-top: 8px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover {
|
a:hover {
|
||||||
color: #54a3f7;
|
color: #54a3f7;
|
||||||
}
|
}
|
||||||
|
|
||||||
img.icon {
|
|
||||||
float: left;
|
|
||||||
border-radius: 50%;
|
|
||||||
margin-right: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
img.image {
|
|
||||||
max-width: 100%;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
div {
|
|
||||||
max-width: 640px;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 16px 0;
|
|
||||||
border-top: 1px #000 dashed;
|
|
||||||
font-size: 14px
|
|
||||||
}
|
|
||||||
|
|
||||||
span {
|
span {
|
||||||
display: block;
|
display: block;
|
||||||
margin: 8px 0;
|
margin: 8px 0;
|
||||||
|
|
@ -276,10 +280,6 @@ $results = $query->offset($p * $config->webui->pagination->limit - $config->webu
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
}
|
}
|
||||||
|
|
||||||
p > a, p > a:visited, p > a:active {
|
|
||||||
font-size: 11px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-warning {
|
.text-warning {
|
||||||
color: #db6161;
|
color: #db6161;
|
||||||
}
|
}
|
||||||
|
|
@ -297,8 +297,6 @@ $results = $query->offset($p * $config->webui->pagination->limit - $config->webu
|
||||||
<path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/>
|
<path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/>
|
||||||
</svg>
|
</svg>
|
||||||
</sub>
|
</sub>
|
||||||
|
|
||||||
<?php echo _('Search'); ?>
|
|
||||||
</button>
|
</button>
|
||||||
</form>
|
</form>
|
||||||
</header>
|
</header>
|
||||||
|
|
@ -306,59 +304,62 @@ $results = $query->offset($p * $config->webui->pagination->limit - $config->webu
|
||||||
<?php if ($response) { ?>
|
<?php if ($response) { ?>
|
||||||
<div><?php echo $response ?></div>
|
<div><?php echo $response ?></div>
|
||||||
<?php } ?>
|
<?php } ?>
|
||||||
<?php if ($results->getTotal()) { ?>
|
<div><?php echo sprintf(_('Found: %s'), number_format($results->getTotal())) ?></div>
|
||||||
<?php foreach ($results as $result) { ?>
|
<?php foreach ($results as $result) { ?>
|
||||||
<div>
|
<div>
|
||||||
<?php if (!empty($result->url)) { ?>
|
<?php
|
||||||
|
|
||||||
|
$hostname = parse_url(
|
||||||
|
$result->url,
|
||||||
|
PHP_URL_HOST
|
||||||
|
);
|
||||||
|
|
||||||
|
$identicon = new \Jdenticon\Identicon();
|
||||||
|
|
||||||
|
$identicon->setValue(
|
||||||
|
$hostname
|
||||||
|
);
|
||||||
|
|
||||||
|
$identicon->setSize(14);
|
||||||
|
|
||||||
|
$identicon->setStyle(
|
||||||
|
[
|
||||||
|
'backgroundColor' => 'rgba(255, 255, 255, 0)',
|
||||||
|
'padding' => 0
|
||||||
|
]
|
||||||
|
);
|
||||||
|
|
||||||
|
$icon = $identicon->getImageDataUri('webp');
|
||||||
|
|
||||||
|
?>
|
||||||
|
<img src="<?php echo $icon ?>" title="<?php echo $hostname ?>" alt="identicon" />
|
||||||
|
<?php if (!empty($result->title)) { ?>
|
||||||
|
<div>
|
||||||
<h2><?php echo $result->title ?></h2>
|
<h2><?php echo $result->title ?></h2>
|
||||||
<?php } ?>
|
</div>
|
||||||
<?php if (!empty($result->description)) { ?>
|
<?php } ?>
|
||||||
<span><?php echo $result->description ?></span>
|
<?php if (!empty($result->description)) { ?>
|
||||||
<?php } ?>
|
<div><?php echo $result->description ?></div>
|
||||||
<?php if (!empty($result->keywords)) { ?>
|
<?php } ?>
|
||||||
<span><?php echo $result->keywords ?></span>
|
<?php if (!empty($result->keywords)) { ?>
|
||||||
<?php } ?>
|
<div>
|
||||||
<a href="<?php echo $result->url ?>">
|
<?php echo $result->keywords ?>
|
||||||
<?php
|
</div>
|
||||||
$identicon = new \Jdenticon\Identicon();
|
<?php } ?>
|
||||||
|
<div>
|
||||||
$identicon->setValue(
|
<a href="<?php echo $result->url ?>"><?php echo htmlentities(urldecode($result->url)) ?></a>
|
||||||
parse_url(
|
<small>•</small>
|
||||||
$result->url,
|
<a rel="nofollow" href="<?php echo $config->webui->url->base; ?>/explore.php?i=<?php echo $result->getId() ?>"><?php echo _('explore') ?></a>
|
||||||
PHP_URL_HOST
|
|
||||||
)
|
|
||||||
);
|
|
||||||
|
|
||||||
$identicon->setSize(16);
|
|
||||||
|
|
||||||
$identicon->setStyle(
|
|
||||||
[
|
|
||||||
'backgroundColor' => 'rgba(255, 255, 255, 0)',
|
|
||||||
'padding' => 0
|
|
||||||
]
|
|
||||||
);
|
|
||||||
?>
|
|
||||||
<img src="<?php echo $identicon->getImageDataUri('webp') ?>" alt="identicon" width="16" height="16" class="icon" />
|
|
||||||
<?php echo htmlentities(urldecode($result->url)) ?>
|
|
||||||
</a>
|
|
||||||
<!-- @TODO
|
|
||||||
|
|
|
||||||
<a href="<?php echo $config->webui->url->base; ?>/snap">
|
|
||||||
<?php echo _('cache'); ?>
|
|
||||||
</a>
|
|
||||||
-->
|
|
||||||
</div>
|
</div>
|
||||||
<?php } ?>
|
</div>
|
||||||
<?php if ($p * $config->webui->pagination->limit <= $results->getTotal()) { ?>
|
<?php } ?>
|
||||||
|
<?php if ($p * $config->webui->pagination->limit <= $results->getTotal()) { ?>
|
||||||
|
<div>
|
||||||
<div>
|
<div>
|
||||||
<a href="<?php echo $config->webui->url->base; ?>/search.php?q=<?php echo urlencode(htmlentities($q)) ?>&p=<?php echo $p + 1 ?>">
|
<a href="<?php echo $config->webui->url->base; ?>/search.php?q=<?php echo urlencode(htmlentities($q)) ?>&p=<?php echo $p + 1 ?>">
|
||||||
<?php echo _('Next page') ?>
|
<?php echo _('More') ?>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<?php } ?>
|
|
||||||
<?php } else { ?>
|
|
||||||
<div>
|
|
||||||
<?php echo _('Nothing found!') ?>
|
|
||||||
</div>
|
</div>
|
||||||
<?php } ?>
|
<?php } ?>
|
||||||
</main>
|
</main>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue