web_lib

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

form-line-ledger-label-select-label.svelte (1009B)

      1 <script lang="ts">
      2     import { SYMBOLS } from "@radroots/apps-lib";
      3 
      4     let {
      5         basis,
      6     }: {
      7         basis: {
      8             label: string;
      9         };
     10     } = $props();
     11 </script>
     12 
     13 <div class={`flex flex-row justify-start items-center`}>
     14     <p
     15         class={`pr-[13px] font-sansd text-trellis_ti text-ly0-gl-label uppercase`}
     16     >
     17         {`(${basis.label}`}
     18     </p>
     19     <div
     20         class={`relative flex flex-row justify-start items-center -translate-x-[10px] -translate-y-[1px]`}
     21     >
     22         <p
     23             class={`absolute font-sansd text-trellis_ti text-ly0-gl-label uppercase scale-y-[70%] scale-x-[80%] -translate-y-[1px]`}
     24         >
     25             {`${SYMBOLS.up}`}
     26         </p>
     27         <p
     28             class={`absolute font-sansd text-trellis_ti text-ly0-gl-label uppercase scale-y-[70%] scale-x-[80%] translate-y-[2px]`}
     29         >
     30             {`${SYMBOLS.down}`}
     31         </p>
     32     </div>
     33     <p class={`font-sansd text-trellis_ti text-ly0-gl-label uppercase`}>
     34         {`)`}
     35     </p>
     36 </div>