ajout du bouton de switch + quelque reglage des input

This commit is contained in:
antonin gallon 2025-11-21 15:32:57 +01:00
parent af6feaf913
commit 57b2e432e2
10 changed files with 48 additions and 11 deletions

View file

@ -1,7 +1,6 @@
<?php if (!$page->is(page('lettre')) && !$page->is(page('a-propos'))): ?>
<footer id="main-footer">
<button data-theme-toggler>Changer de mode</button>
<ul id="links">
<li class="open-nav-wrapper hidden">
<button class="plus open-nav" title="chercher parmi les textes">textes</button>

View file

@ -69,6 +69,7 @@ $entryTopPos ??= 20;
:root {
--icon-search: url("<?= url('assets/images/icons/search.svg') ?>");
--icon-close: url("<?= url('assets/images/icons/close.svg') ?>");
--icon-theme-toggler: url("<?= url('assets/images/icons/circle-half.svg') ?>");
}
</style>
@ -84,6 +85,9 @@ $entryTopPos ??= 20;
<body
class="background-grid <?= e($page->fullWidth() == 'true', 'full-width') ?>"
data-template="<?= $page->template() ?>">
<button class="theme-toggler" data-theme-toggler>
<span class="theme-toggler-icon"></span>
</button>
<header id="main-header">
<a id="logo"
href="<?= e($page->isHomePage(), '#main-edito', $site->url()) ?>"

View file

@ -7,9 +7,7 @@
</p>
<div class="search">
<input class="search__input" type="text" placeholder="Chercher" x-model="search">
<img x-show="search.length === 0"
src="<?= url('assets/images/icons/search.svg') ?>"
class="search__icon" alt="Icône loupe indiquant le champ de recherche.">
<div class="search__icon"></div>
<button x-show="search.length > 0" @click="search = ''" class="search__icon">
<img
src="<?= url('assets/images/icons/close.svg') ?>"