dhalucario/wplace-tile-dump
1
0
Fork 0
Code Issues Pull requests Projects Releases 2 Packages Wiki Activity Actions

Fix close button and some title bar css

Browse source
This commit is contained in:
Leon Grünewald 2025-08-23 23:17:40 +02:00
parent 7193d876db
commit 162b956feb
2 changed files with 14 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -1,7 +1,7 @@
{ {
"name": "wplace-tile-dump", "name": "wplace-tile-dump",
"private": true, "private": true,
"version": "0.0.1", "version": "0.0.2",
"type": "module", "type": "module",
"scripts": { "scripts": {
"dev": "vite", "dev": "vite",

18
src/App.svelte
View file

@ -6,7 +6,7 @@
let handle; let handle;
let tiles = $state(new Set([])); let tiles = $state(new Set([]));
let show = $state(true); let open = $state(true);
const dragOptions = { const dragOptions = {
bounds: 'body', bounds: 'body',
@ -34,7 +34,7 @@
<h2 class="title">Tiles</h2> <h2 class="title">Tiles</h2>
</div> </div>
<div class="bar-end"> <div class="bar-end">
<button> <button onclick={() => {open = !open}}>
<svg inline-src="./assets/cross.svg" /> <svg inline-src="./assets/cross.svg" />
</button> </button>
</div> </div>
@ -76,14 +76,12 @@
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
justify-content: space-between; justify-content: space-between;
padding: 0 5px;
cursor: grab; cursor: grab;
color: white; color: white;
background-color: var(--tile-dumper-primary); background-color: var(--tile-dumper-primary);
h2 { h2 {
display: inline-block; display: inline-block;
font-weight: bold; font-weight: bold;
@ -92,10 +90,20 @@
.bar-start, .bar-start,
.bar-end { .bar-end {
display: flex; display: flex;
justify-content: center;
align-items: center; align-items: center;
} }
.bar-start {
flex: 1 0 max-content;
padding-left: 5px;
justify-content: flex-start;
}
.bar-end {
flex: 0 1 min-content;
padding-right: 5px;
justify-content: flex-end;
}
svg { svg {
color: white; color: white;