OwlBoard/owlboard-svelte
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

Adjust Link & Script button margins and fix layout of NearToMeCard to allow for it.

Browse Source
This commit is contained in:
Fred Boniface 2024-07-12 15:44:37 +01:00
parent 3d40445728
commit 2a07b0fa3e
3 changed files with 12 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/lib/buttons/LinkButton.svelte
View File

@ -11,9 +11,7 @@
border: none;
border-radius: 20px;
text-decoration: none;
margin: auto;
margin-top: 5px;
margin-bottom: 5px;
margin: 5px;
background-color: var(--island-button-color);
font-family: urwgothic, "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
padding: 5px 25px;

8
src/lib/buttons/ScriptButton.svelte
View File

@ -11,14 +11,12 @@
border: none;
border-radius: 20px;
text-decoration: none;
margin: auto;
margin: 5px;
font-family: urwgothic, "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
margin-top: 10px;
margin-bottom: 10px;
background-color: var(--island-button-color);
padding: 20px 20px;
padding: 20px;
min-width: 40px;
height: 22px;
height: 25px;
font-size: 16px;
font-weight: 400;
box-shadow: var(--box-shadow);

14
src/lib/cards/NearToMeCard.svelte
View File

@ -66,7 +66,9 @@
<Card {config}>
{#if blockLoading}
<InLineLoading />
{:else if !$uuid || $uuid === "null"}
{:else}
<div id="buttons">
{#if !$uuid || $uuid === "null"}
<LinkButton text="Register to use this feature" link="/more/reg" />
{:else if $location}
{#if !stations.length}
@ -76,15 +78,15 @@
<InLineLoading />
{/if}
{:else}
<div id="buttons">
{#each stations as station}
<LinkButton text={`${station.NLCDESC} - ${station.miles}mi`} link={`/ldb?station=${station["3ALPHA"]}`} />
{/each}
</div>
{#each stations as station}
<LinkButton text={`${station.NLCDESC} - ${station.miles}mi`} link={`/ldb?station=${station["3ALPHA"]}`} />
{/each}
{/if}
{:else}
<ScriptButton text={"Turn on Location"} fn={turnOnLocation} />
{/if}
</div>
{/if}
</Card>
<style>