diff options
Diffstat (limited to 'app/views')
-rw-r--r-- | app/views/components/context-menu.php | 31 | ||||
-rw-r--r-- | app/views/components/theme-toggle.php | 33 |
2 files changed, 64 insertions, 0 deletions
diff --git a/app/views/components/context-menu.php b/app/views/components/context-menu.php new file mode 100644 index 0000000..a33cbb7 --- /dev/null +++ b/app/views/components/context-menu.php @@ -0,0 +1,31 @@ +<div class="dropdown <?php echo $type ?? null ?>"> + <input + class="is-hidden input-dropdown" + type="checkbox" + id="dropdown-menu__<?php echo $id ?? null ?>" + /> + + <label for="dropdown-menu__<?php echo $id ?? null ?>"> + <?php echo $label ?? null ?> + </label> + + <div class="dropdown-menu"> + <div class="dropdown-content"> + <?php + echo $content ?? null; + if ($links ?? null === true) { + include views('partials', 'navigator.links'); + $formClass = 'theme-toggle'; + $buttonClass ='theme-toggle-button button is-text has-text-left is-block'; + include views('components', 'theme-toggle'); + } + ?> + </div> + </div> +</div> + +<style> + .input-dropdown[type="checkbox"]:checked ~ .dropdown-menu { + display: block; + } +</style> diff --git a/app/views/components/theme-toggle.php b/app/views/components/theme-toggle.php new file mode 100644 index 0000000..c28b240 --- /dev/null +++ b/app/views/components/theme-toggle.php @@ -0,0 +1,33 @@ +<form + class="<?php echo $formClass ?? null; ?>" + method="get" + action="<?php echo $_SERVER['REQUEST_URI']; ?>" +> + <?php if ($theme->color() === 'dark') { ?> + + <button + title="Switch to Light Theme" + class="<?php echo $buttonClass ?? null; ?>" + name="theme" + type="submit" + value="light" + > + <?php echo featherIcon('sun', 'is-hidden-touch'); ?> + <span>Light</span> + </button> + + <?php } else { ?> + + <button + title="Switch to Dark Theme" + class="<?php echo $buttonClass ?? null; ?>" + name="theme" + type="submit" + value="dark" + > + <?php echo featherIcon('moon', 'is-hidden-touch'); ?> + <span>Dark</span> + </button> + + <?php } ?> +</form> |