BradNut/boredgame
1
0
Fork 0
mirror of https://github.com/BradNut/boredgame synced 2025-09-08 17:40:22 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Change cog icon to iconify.

Browse source
This commit is contained in:
Bradley Shellnut 2023-01-15 21:39:29 -08:00
parent c088048411
commit 4e07fc22f9
2 changed files with 13 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/lib/components/preferences/profile.svelte
View file

@ -1,8 +1,7 @@
<script lang="ts">
import { fade } from 'svelte/transition';
import { Popover, PopoverButton, PopoverPanel } from '@rgossiaux/svelte-headlessui';
import { CogIcon } from '@rgossiaux/svelte-heroicons/outline';
import { collectionStore } from '$root/lib/stores/collectionStore';
import Icon from '@iconify/svelte';
import Themes from './themes.svelte';
import GameCollection from './gameCollection.svelte';
import GameWishlist from './gameWishlist.svelte';
@ -11,7 +10,15 @@
<div class="container">
<Popover let:open class="popover">
<PopoverButton aria-label="Preferences">
<CogIcon width="24" height="24" />
<!-- <CogIcon width="24" height="24" /> -->
<Icon
icon="mdi:cog-outline"
width="24" height="24"
style={open ?
'transform: rotate(90deg); transition: transform 0.5s ease;'
: 'transform: rotate(0deg); transition: transform 0.5s ease;'
}
/>
</PopoverButton>
{#if open}

7
src/routes/+layout.svelte
View file

@ -2,10 +2,7 @@
import { browser } from '$app/environment';
import { navigating } from '$app/stores';
import debounce from 'just-debounce-it';
import clone from 'just-clone';
import { Toy } from '@leveluptuts/svelte-toy';
// import 'iconify-icon';
// import '../app.postcss';
import Analytics from '$lib/components/analytics.svelte';
import Header from '$lib/components/header/Header.svelte';
import Loading from '$lib/components/loading.svelte';
@ -18,7 +15,9 @@
import { toast } from '$lib/components/toast/toast';
import Toast from '$lib/components/toast/Toast.svelte';
import '$root/styles/styles.pcss';
import type { SavedGameType } from '$root/lib/types';
import type { SavedGameType } from '$root/lib/types';
$: {
if ($navigating) {