Add zoom cursor for open img to new tab (#471)

This commit is contained in:
Knah Tsaeb 2024-03-19 17:02:33 +01:00
parent 347f243c58
commit 8276923634
2 changed files with 15 additions and 11 deletions

View File

@ -99,6 +99,10 @@ form label {
width: 48%;
}
.zoom {
cursor: zoom-in;
}
@media (max-width:768px) {
#mySidebar {

View File

@ -15,7 +15,7 @@ use App\Utils\Domains;
</ul>
<form>
<input type="text" name="search" value="<?= $search ;?>">
<input type="text" name="search" value="<?= $search; ?>">
<input type="submit" value="Rechercher">
</form>
@ -54,11 +54,11 @@ use App\Utils\Domains;
<div class="w3-center w3-margin-top">
<div class="w3-bar">
<?php if($start > 0) : ?>
<a href="?page=infos&start=<?= $previous; ?>" class="w3-teal w3-button">&laquo; Previous</a>
<?php if ($start > 0) : ?>
<a href="?page=infos&start=<?= $previous; ?>" class="w3-teal w3-button">&laquo; Previous</a>
<?php endif; ?>
<?php if($next != $start): ;?>
<a href="?page=infos&start=<?= $next; ?>" class="w3-teal w3-button">Next &raquo; </a>
<?php if ($next != $start) :; ?>
<a href="?page=infos&start=<?= $next; ?>" class="w3-teal w3-button">Next &raquo; </a>
<?php endif; ?>
</div>
</div>
@ -72,12 +72,12 @@ use App\Utils\Domains;
<img src="" id="fav" height="32px">
<a href="" id="titlePreview" target="_blanck"></a>
</p>
<img class="w3-border w3c-margin" src="" id="complete" width="45%" onclick="fullNewtab(this.src);">
<img class="w3-border w3c-margin" src="" id="full" width="35%" onclick="fullNewtab(this.src);">
<img class="w3-border w3c-margin" src="" id="hd" width="30%" onclick="fullNewtab(this.src);">
<img class="w3-border w3c-margin" src="" id="og" width="25%" onclick="fullNewtab(this.src);">
<img class="w3-border w3c-margin" src="" id="nhd" width="20%" onclick="fullNewtab(this.src);">
<img class="w3-border w3c-margin" src="" id="thumb" width="15%" onclick="fullNewtab(this.src);">
<img class="w3-border w3c-margin zoom" src="" id="complete" width="45%" onclick="fullNewtab(this.src);">
<img class="w3-border w3c-margin zoom" src="" id="full" width="35%" onclick="fullNewtab(this.src);">
<img class="w3-border w3c-margin zoom" src="" id="hd" width="30%" onclick="fullNewtab(this.src);">
<img class="w3-border w3c-margin zoom" src="" id="og" width="25%" onclick="fullNewtab(this.src);">
<img class="w3-border w3c-margin zoom" src="" id="nhd" width="20%" onclick="fullNewtab(this.src);">
<img class="w3-border w3c-margin zoom" src="" id="thumb" width="15%" onclick="fullNewtab(this.src);">
</div>
</div>
</div>