diff options
author | Sebastian <sebasjm@gmail.com> | 2021-10-19 15:24:55 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2021-10-19 15:25:54 -0300 |
commit | 51d54fdd916b8c87f9e275f7b262055a642df899 (patch) | |
tree | 852860a5e88d1435d2f3cc563707e6f878e982e5 /packages | |
parent | 31f7d2ee2cc0747fad45c45e2e51e679e72ee2f6 (diff) | |
download | wallet-core-51d54fdd916b8c87f9e275f7b262055a642df899.tar.xz |
fixed missing styles
Diffstat (limited to 'packages')
9 files changed, 44 insertions, 60 deletions
diff --git a/packages/anastasis-webui/src/context/translation.ts b/packages/anastasis-webui/src/context/translation.ts index f724c6918..5ceb5d428 100644 --- a/packages/anastasis-webui/src/context/translation.ts +++ b/packages/anastasis-webui/src/context/translation.ts @@ -52,7 +52,7 @@ export const TranslationProvider = ({ initial, children, forceLang }: Props): VN changeLanguage(forceLang) } }) - const handler = new jedLib.Jed(strings[lang]); + const handler = new jedLib.Jed(strings[lang] || strings['en']); return h(Context.Provider, { value: { lang, handler, changeLanguage }, children }); } diff --git a/packages/anastasis-webui/src/pages/home/AuthMethodPostSetup.tsx b/packages/anastasis-webui/src/pages/home/AuthMethodPostSetup.tsx index b58a5f57d..55e37a968 100644 --- a/packages/anastasis-webui/src/pages/home/AuthMethodPostSetup.tsx +++ b/packages/anastasis-webui/src/pages/home/AuthMethodPostSetup.tsx @@ -33,7 +33,7 @@ export function AuthMethodPostSetup(props: AuthMethodSetupProps): VNode { }; return ( - <div > {/* class={style.home} */} + <div class="home"> <h1>Add {props.method} authentication</h1> <div> <p> diff --git a/packages/anastasis-webui/src/pages/home/ReviewPoliciesScreen.tsx b/packages/anastasis-webui/src/pages/home/ReviewPoliciesScreen.tsx index b898bb39e..3e20538d2 100644 --- a/packages/anastasis-webui/src/pages/home/ReviewPoliciesScreen.tsx +++ b/packages/anastasis-webui/src/pages/home/ReviewPoliciesScreen.tsx @@ -12,8 +12,7 @@ export function ReviewPoliciesScreen(props: BackupReducerProps): VNode { .map((x, i) => authMethods[x.authentication_method].type) .join(" + "); return ( - <div key={i}> - {/* <div key={i} class={style.policy}> */} + <div key={i} class="policy"> <h3> Policy #{i + 1}: {policyName} </h3> diff --git a/packages/anastasis-webui/src/pages/home/index.tsx b/packages/anastasis-webui/src/pages/home/index.tsx index ab63553c1..6e9ea07fc 100644 --- a/packages/anastasis-webui/src/pages/home/index.tsx +++ b/packages/anastasis-webui/src/pages/home/index.tsx @@ -27,6 +27,7 @@ import { SecretSelectionScreen } from "./SecretSelectionScreen"; import { SolveScreen } from "./SolveScreen"; import { StartScreen } from "./StartScreen"; import { TruthsPayingScreen } from "./TruthsPayingScreen"; +import "./../home/style" const WithReducer = createContext<AnastasisReducerApi | undefined>(undefined); @@ -89,7 +90,7 @@ export function AnastasisClientFrame(props: AnastasisClientFrameProps): VNode { return (<Fragment> <Menu title="Anastasis" /> <section class="section"> - <div onKeyPress={(e) => handleKeyPress(e)}> {/* class={style.home} */} + <div class="home" onKeyPress={(e) => handleKeyPress(e)}> <button onClick={() => reducer.reset()}>Reset session</button> <h1>{props.title}</h1> <ErrorBanner reducer={reducer} /> @@ -234,7 +235,7 @@ function ErrorBanner(props: ErrorBannerProps): VNode | null { const currentError = props.reducer.currentError; if (currentError) { return ( - <div id="error"> {/* style.error */} + <div id="error"> <p>Error: {JSON.stringify(currentError)}</p> <button onClick={() => props.reducer.dismissError()}> Dismiss Error diff --git a/packages/anastasis-webui/src/pages/home/style.css b/packages/anastasis-webui/src/pages/home/style.css index e70f11a59..e69de29bb 100644 --- a/packages/anastasis-webui/src/pages/home/style.css +++ b/packages/anastasis-webui/src/pages/home/style.css @@ -1,25 +0,0 @@ -.home { - padding: 1em 1em; - min-height: 100%; - width: 100%; - max-width: 40em; -} - -.home div { - margin-top: 0.5em; - margin-bottom: 0.5em; -} - -.policy { - padding: 0.5em; - border: 1px solid black; - border-radius: 0.5em; - border-radius: 0.5em; -} - -.home > #error { - padding: 0.5em; - border: 1px solid black; - background-color: rgb(228, 189, 197); - border-radius: 0.5em; -} diff --git a/packages/anastasis-webui/src/pages/notfound/style.css b/packages/anastasis-webui/src/pages/notfound/style.css index 3b4932804..e69de29bb 100644 --- a/packages/anastasis-webui/src/pages/notfound/style.css +++ b/packages/anastasis-webui/src/pages/notfound/style.css @@ -1,4 +0,0 @@ -.notfound { - padding: 0 5%; - margin: 100px 0; -}
\ No newline at end of file diff --git a/packages/anastasis-webui/src/pages/profile/style.css b/packages/anastasis-webui/src/pages/profile/style.css index fcb129627..e69de29bb 100644 --- a/packages/anastasis-webui/src/pages/profile/style.css +++ b/packages/anastasis-webui/src/pages/profile/style.css @@ -1,5 +0,0 @@ -.profile { - padding: 56px 20px; - min-height: 100%; - width: 100%; -} diff --git a/packages/anastasis-webui/src/scss/main.scss b/packages/anastasis-webui/src/scss/main.scss index 30b7f5d7f..b22557618 100644 --- a/packages/anastasis-webui/src/scss/main.scss +++ b/packages/anastasis-webui/src/scss/main.scss @@ -189,3 +189,41 @@ div[data-tooltip]::before { background-color: #fffbdd; border: solid 1px #f2e9bf; } + + +.home { + padding: 1em 1em; + min-height: 100%; + width: 100%; + max-width: 40em; +} + +.home div { + margin-top: 0.5em; + margin-bottom: 0.5em; +} + +.policy { + padding: 0.5em; + border: 1px solid black; + border-radius: 0.5em; + border-radius: 0.5em; +} + +.home > #error { + padding: 0.5em; + border: 1px solid black; + background-color: rgb(228, 189, 197); + border-radius: 0.5em; +} + +.profile { + padding: 56px 20px; + min-height: 100%; + width: 100%; +} + +.notfound { + padding: 0 5%; + margin: 100px 0; +}
\ No newline at end of file diff --git a/packages/anastasis-webui/src/style/index.css b/packages/anastasis-webui/src/style/index.css index 5fe95de60..e69de29bb 100644 --- a/packages/anastasis-webui/src/style/index.css +++ b/packages/anastasis-webui/src/style/index.css @@ -1,20 +0,0 @@ -html, body { - height: 100%; - width: 100%; - padding: 0; - margin: 0; - background: #FAFAFA; - font-family: 'Helvetica Neue', arial, sans-serif; - font-weight: 400; - color: #444; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -* { - box-sizing: border-box; -} - -#app { - height: 100%; -} |