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

Fixing dropdown margin and home icon.

Browse source
This commit is contained in:
Bradley Shellnut 2022-07-08 12:25:44 -07:00
parent cdc243b264
commit bff3b9be25
2 changed files with 5 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/lib/components/preferences/themes.svelte
View file

@ -11,8 +11,8 @@
const themes = { const themes = {
'🌛 Night': { name: '🌛 Night' }, '🌛 Night': { name: '🌛 Night' },
'☀️ Daylight': { name: '☀️ Daylight' }, '☀️ Daylight': { name: '☀️ Daylight' },
'🐺 Night Howl': { name: '🐺 Night Howl' }, '🐺 Howl': { name: '🐺 Howl' },
'🧠 Night Mind': { name: '🧠 Night Mind' } '🧠 Mind': { name: '🧠 Mind' }
}; };
let selectedTheme = getTheme() ?? themes['🌛 Night']; let selectedTheme = getTheme() ?? themes['🌛 Night'];
@ -103,7 +103,8 @@
<style> <style>
.listbox { .listbox {
--width: 184px; /* --width: 184px; */
margin: 0.5rem;
} }
.listbox :global(.button) { .listbox :global(.button) {
width: var(--width); width: var(--width);

6
src/lib/header/Header.svelte
View file

@ -7,7 +7,6 @@
// import type { CarbonTheme } from "carbon-components-svelte/types/Theme/Theme.svelte"; // import type { CarbonTheme } from "carbon-components-svelte/types/Theme/Theme.svelte";
import { page } from '$app/stores'; import { page } from '$app/stores';
import Themes from '$lib/components/preferences/themes.svelte'; import Themes from '$lib/components/preferences/themes.svelte';
import Toggle from '$lib/components/toggle.svelte';
import logo from './bored-game.png'; import logo from './bored-game.png';
// let theme: CarbonTheme = "white"; // let theme: CarbonTheme = "white";
@ -16,7 +15,7 @@
<header> <header>
<div class="corner"> <div class="corner">
<a href="/"> <a href="/">
<img src={logo} alt="SvelteKit" /> <img src={logo} alt="Bored Game Home" />
</a> </a>
</div> </div>
@ -32,9 +31,6 @@
persist persist
persistKey="__carbon-theme" persistKey="__carbon-theme"
/> --> /> -->
<div>
<Toggle />
</div>
<div><Themes /></div> <div><Themes /></div>
<!-- <ul> <!-- <ul>
<li class:active={$page.url.pathname === '/'}><a sveltekit:prefetch href="/">Home</a></li> <li class:active={$page.url.pathname === '/'}><a sveltekit:prefetch href="/">Home</a></li>