Experimenting with tailwind: splitting the index intro into a separate class; adding the logo

This commit is contained in:
Pieter Vander Vennet 2021-01-18 02:51:42 +01:00
parent 6864ba4fd6
commit 923b86b507
6 changed files with 88 additions and 21 deletions

View file

@ -11,6 +11,7 @@ import Translations from "../i18n/Translations";
import * as personal from "../../assets/themes/personalLayout/personalLayout.json"
import Constants from "../../Models/Constants";
import LanguagePicker from "../LanguagePicker";
import IndexText from "./IndexText";
export default class MoreScreen extends UIElement {
private readonly _onMainScreen: boolean;
@ -129,11 +130,11 @@ export default class MoreScreen extends UIElement {
if(this._onMainScreen){
intro = new Combine([
LanguagePicker.CreateLanguagePicker(Translations.t.general.index.SupportedLanguages())
LanguagePicker.CreateLanguagePicker(Translations.t.index.title.SupportedLanguages())
.SetClass("absolute top-2 right-3 dropdown-ui-element-2226"),
// todo add logo above text
// new FixedUiElement(`<img class="h-24 w-24" src="./assets/svg/logo.svg" alt="MapComplete Logo">`),
Translations.t.general.index.SetClass("sm:text-center lg:text-left block m-6 mt-8")
new IndexText()
])
}