web_lib

Common web application libraries
git clone https://radroots.dev/git/web_lib.git
Log | Files | Refs | LICENSE

trellis-end.svelte (1042B)

      1 <script lang="ts">
      2     import type { ITrellisBasisTouchEnd } from "$lib/types/components/trellis";
      3     import { Glyph } from "@radroots/apps-lib";
      4     import type { ThemeLayer } from "@radroots/themes";
      5 
      6     let {
      7         basis,
      8         layer,
      9         hide_active,
     10     }: {
     11         basis: ITrellisBasisTouchEnd;
     12         layer: ThemeLayer;
     13         hide_active: boolean;
     14     } = $props();
     15 </script>
     16 
     17 <div
     18     class={`absolute top-0 right-0 h-full w-max flex flex-row justify-center items-center`}
     19 >
     20     <button
     21         class={`flex pr-3`}
     22         onclick={async (ev) => {
     23             if (basis.callback) await basis.callback(ev);
     24         }}
     25     >
     26         {#if basis.glyph}
     27             <Glyph
     28                 basis={{
     29                     classes: `text-ly${layer}-gl-shade ${
     30                         hide_active ? `` : `group-active:text-ly${layer}-gl_a`
     31                     } translate-y-[1px] opacity-70`,
     32                     dim: `xs+`,
     33                     ...basis.glyph,
     34                 }}
     35             />
     36         {/if}
     37     </button>
     38 </div>