github.com/Theta-Dev/Talon@v0.0.0-20211018130634-ff179e19fa9a/ui/menu/src/App.svelte (about)

     1  <script lang="ts">
     2  	import {closeModal, Modals} from "svelte-modals"
     3  
     4  	import Menu from "./components/Menu.svelte"
     5  	import {currentPage, isPresent} from "./util/talonData"
     6  
     7  </script>
     8  
     9  <style lang="sass">
    10  	// Default theme
    11  	.wrapper
    12  		--talon-color: #7935df
    13  
    14  	.backdrop
    15  		position: fixed
    16  		top: 0
    17  		bottom: 0
    18  		right: 0
    19  		left: 0
    20  		background: rgba(0, 0, 0, 0.6)
    21  </style>
    22  
    23  <div class="wrapper" style={`--talon-color: ${currentPage.color}`}>
    24  	{#if isPresent}
    25  		<Menu />
    26  	{/if}
    27  
    28  	<Modals>
    29  		<div class="backdrop" slot="backdrop" on:click={closeModal} />
    30  	</Modals>
    31  </div>