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%; width: 48%;
} }
.zoom {
cursor: zoom-in;
}
@media (max-width:768px) { @media (max-width:768px) {
#mySidebar { #mySidebar {

View file

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