midgard/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

Move MoreScreen to svelte

Browse source
This commit is contained in:
wjtje 2023-02-03 22:28:11 +01:00 • committed by Pieter Vander Vennet
parent 227551c7cb
commit 1bf1700bab
9 changed files with 419 additions and 205 deletions
Download patch file Download diff file Expand all files Collapse all files

14
UI/Base/SubtleButton.svelte
View file

@ -5,14 +5,14 @@
import Img from "./Img"
import Translations from "../i18n/Translations"
export let imageUrl: string | BaseUIElement
export let message: string | BaseUIElement
export let imageUrl: string | BaseUIElement = undefined
export let message: string | BaseUIElement = undefined
export let options: {
url?: string | Store<string>
newTab?: boolean
imgSize?: string
extraClasses?: string
}
} = {}
let href = typeof options?.url == "string" ? options.url : ""
@ -27,7 +27,7 @@
}
// Image
if (imgElem != undefined) {
if (imgElem && imageUrl) {
let img: BaseUIElement
const imgClasses = "block justify-center flex-none mr-4 " + (options?.imgSize ?? "h-11 w-11")
@ -43,7 +43,7 @@
}
// Message
if (msgElem != undefined) {
if (msgElem && message) {
let msg = Translations.W(message)?.SetClass("block text-ellipsis no-images flex-shrink")
msgElem.replaceWith(msg.ConstructElement())
}
@ -74,5 +74,9 @@
:global(img) {
@apply block justify-center flex-none mr-4 h-11 w-11;
}
:global(span) {
@apply block text-ellipsis flex-shrink;
}
}
</style>