LukeParke/OpenAPI.gg
1
0
Fork 0
mirror of https://github.com/LukeHagar/OpenAPI.gg.git synced 2025-12-06 12:37:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Style changes

Browse Source
This commit is contained in:
Luke Hagar
2024-05-24 17:28:59 -05:00
parent 7707ebbdd6
commit 626129936b
5 changed files with 56 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/lib/components/sections/Paths.svelte
View File

@@ -12,30 +12,34 @@
const modalStore = getModalStore();
</script>
<div class="w-full flex flex-row justify-center">
<div class="fixed flex flex-row gap-2 justify-center bg-surface-50-900-token rounded-full p-4">
<span class="flex justify-center">
<button
type="button"
class="btn variant-filled-primary"
on:click={() => {
addPath(modalStore);
}}
>
Add Path
</button>
</span>
<span class="flex justify-center">
<button
type="button"
class="btn btn-sm variant-filled-secondary"
on:click={sortPathsAlphabetically}
>
Sort paths
</button>
</span>
</div>
</div>
<div
class="container mx-auto border-token rounded-container-token bg-surface-backdrop-token px-6 py-4 space-y-4"
class="mx-auto border-token rounded-container-token bg-surface-backdrop-token px-6 py-4 space-y-4"
>
{#each Object.keys(paths) as pathName, index}
<PathListItem {pathName} id={index} />
{/each}
<span class="w-full flex justify-center">
<button
type="button"
class="btn variant-filled-primary"
on:click={() => {
addPath(modalStore);
}}
>
Add Path
</button>
</span>
<span class="w-full flex justify-center">
<button
type="button"
class="btn btn-sm variant-filled-secondary"
on:click={sortPathsAlphabetically}
>
Sort paths
</button>
</span>
</div>