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

UI: improve styling, esp for standalone privacyPage

Browse source
This commit is contained in:
Pieter Vander Vennet 2025-02-08 01:26:52 +01:00
parent aead4c4809
commit d5ccd42cfd
6 changed files with 4341 additions and 3999 deletions
Download patch file Download diff file Expand all files Collapse all files

42
src/UI/PrivacyGui.svelte
View file

@ -9,29 +9,37 @@
import type { SpecialVisualizationState } from "./SpecialVisualization"
import { OsmConnection } from "../Logic/Osm/OsmConnection"
import UserRelatedState from "../Logic/State/UserRelatedState"
import Title from "./Popup/Title.svelte"
import TitledPanel from "./Base/TitledPanel.svelte"
import Back from "../assets/svg/Back.svelte"
const osmConnection = new OsmConnection()
let state: SpecialVisualizationState = {
osmConnection,
userRelatedState: new UserRelatedState(osmConnection),
userRelatedState: new UserRelatedState(osmConnection)
}
</script>
<main>
<div class="flex h-screen flex-col overflow-hidden px-4">
<div class="flex justify-between">
<h2 class="flex items-center">
<EyeIcon class="w-6 pr-2" />
<Tr t={Translations.t.privacy.title} />
</h2>
<LanguagePicker availableLanguages={Translations.t.privacy.intro.SupportedLanguages()} />
</div>
<div class="h-full overflow-auto border border-gray-500 p-4">
<PrivacyPolicy {state} />
</div>
<a class="button flex" href={Utils.HomepageLink()}>
<Add class="h-6 w-6" />
<Tr t={Translations.t.general.backToIndex} />
<main class="h-screen">
<TitledPanel>
<a slot="title-start" class="button p-0" style="padding:0" href="..">
<Back class="w-6 h-6 m-2" />
</a>
</div>
<div slot="title" class="flex items-center">
<EyeIcon class="w-6 pr-2" />
<Tr t={Translations.t.privacy.title} />
</div>
<LanguagePicker slot="title-end" availableLanguages={Translations.t.privacy.intro.SupportedLanguages()} />
<PrivacyPolicy {state} />
<div class="flex h-screen flex-col overflow-hidden px-4">
<a class="button flex" href={Utils.HomepageLink()}>
<Add class="h-6 w-6" />
<Tr t={Translations.t.general.backToIndex} />
</a>
</div>
</TitledPanel>
</main>