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

Adjust Card subtype styling

Browse Source
This commit is contained in:
Fred Boniface 2024-07-03 11:25:21 +01:00
parent d17b9c23af
commit 89109a3a48
3 changed files with 9 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/lib/cards/LookupCard.svelte
View File

@ -28,6 +28,7 @@
text-align: center; text-align: center;
text-transform: uppercase; text-transform: uppercase;
font-family: urwgothic, "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif; font-family: urwgothic, "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
font-size: 15px;
height: 30px; height: 30px;
border: none; border: none;
border-radius: 20px; border-radius: 20px;
@ -41,9 +42,11 @@
color: white; color: white;
border: none; border: none;
border-radius: 20px; border-radius: 20px;
font-family: urwgothic, "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
font-size: 16px;
width: 40%; width: 40%;
max-width: 200px; max-width: 200px;
height: 25px; height: 30px;
box-shadow: var(--box-shadow); box-shadow: var(--box-shadow);
transition: all 0.3s ease; transition: all 0.3s ease;
} }

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

@ -88,6 +88,10 @@
border: none; border: none;
border-radius: 20px; border-radius: 20px;
box-shadow: var(--box-shadow); box-shadow: var(--box-shadow);
font-family: urwgothic, "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
font-size: 16px;
font-weight: 400;
white-space: nowrap;
transition: all 0.3s ease; transition: all 0.3s ease;
} }
@ -108,13 +112,5 @@
} }
.link { .link {
display: inline-flex; display: inline-flex;
margin: 5px;
border: none;
border-radius: 20px;
padding: 5px 10px;
font-family: urwgothic, "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
font-size: 16px;
font-weight: 400;
white-space: nowrap;
} }
</style> </style>

11
src/routes/test/+page.svelte
View File

@ -1,21 +1,12 @@
<script lang="ts"> <script lang="ts">
import Card from "$lib/cards/Card.svelte";
import type { LookupCardConfig } from "$lib/cards/Card.types"; import type { LookupCardConfig } from "$lib/cards/Card.types";
import LookupCard from "$lib/cards/LookupCard.svelte"; import LookupCard from "$lib/cards/LookupCard.svelte";
import NearToMeCard from "$lib/cards/NearToMeCard.svelte"; import NearToMeCard from "$lib/cards/NearToMeCard.svelte";
let CardConfig = {
title: "Near to Me",
showHelp: false,
showRefresh: true,
helpText: "May not detect your location correctly on non-mobile devices",
onRefresh: onRefresh,
};
let LookupConfig: LookupCardConfig = { let LookupConfig: LookupCardConfig = {
title: "Live Arr/Dep Boards", title: "Live Arr/Dep Boards",
helpText: "Enter CRS, TIPLOC or STANOX code to see live departures", helpText: "Enter CRS, TIPLOC or STANOX code to see live departures",
placeholder: "Enter CRS/TIPLOC/STANOX", placeholder: "Enter CRS/TIPLOC",
maxLen: 7, maxLen: 7,
formAction: "/ldb/", formAction: "/ldb/",
fieldName: "station", fieldName: "station",