commit 51d54fdd916b8c87f9e275f7b262055a642df899
parent 31f7d2ee2cc0747fad45c45e2e51e679e72ee2f6
Author: Sebastian <sebasjm@gmail.com>
Date: Tue, 19 Oct 2021 15:24:55 -0300
fixed missing styles
Diffstat:
9 files changed, 45 insertions(+), 61 deletions(-)
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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%;
-}
