diff --git a/README.md b/README.md index 43ade54..a625ef9 100644 --- a/README.md +++ b/README.md @@ -2,10 +2,15 @@ This branch is for experimenting with [a17t](https://a17t.miles.land/) to possib #### currently done: - [x] invites tab mockup (partially complete) -- [ ] accounts tab mockup -- [ ] settings tab mockup +- [x] accounts tab mockup +- [x] settings tab mockup - [ ] modals (may not use them at all, who knows) - [ ] animations #### screenshots -![invites](images/invites.png) +

+ invites + accounts + settings +

+ diff --git a/images/accounts.png b/images/accounts.png new file mode 100644 index 0000000..8f70135 Binary files /dev/null and b/images/accounts.png differ diff --git a/images/invites.png b/images/invites.png index db118da..299f537 100644 Binary files a/images/invites.png and b/images/invites.png differ diff --git a/images/settings.png b/images/settings.png new file mode 100644 index 0000000..e4efc90 Binary files /dev/null and b/images/settings.png differ diff --git a/index.html b/index.html index 44e871c..ff8630c 100644 --- a/index.html +++ b/index.html @@ -34,6 +34,9 @@ .mb-1 { margin-bottom: 1rem; } + .mb-half { + margin-bottom: 0.5rem; + } .pb-1 { padding-bottom: 1rem; } @@ -49,6 +52,9 @@ .mb-2 { margin-bottom: 2rem; } + .mt-half { + margin-top: 0.5rem; + } .inv-codearea { /*width: 40%;*/ } @@ -210,8 +216,29 @@ max-width: 50%; } - - + .settings-section-button { + box-sizing: border-box; + width: 100%; + height: 2.5rem; + --button-filter-brightness: 90%; + } + .settings-section-button.selected { + --button-filter-brightness: 85%; + filter: brightness(85%); + } + .text-critical { + color: var(--color-critical-normal-content); + } + .aside.small { + font-size: 0.8rem; + padding: 0.8rem; + } + .setting { + margin-bottom: 0.25rem; + } + .support.large { + font-size: 1rem; + } {{ .lang.pageTitle }} @@ -221,9 +248,9 @@
- Invites - Accounts - Settings + Invites + Accounts + Settings
@@ -349,15 +376,15 @@ -
+
Accounts +
+ Add User + Modify Settings + Delete User +
-
- Add User - Modify Settings - Delete User -
@@ -374,13 +401,54 @@ + + + + + +
13/12/20 00:39
Other person12/12/20 17:46
- -
+
+
+ Settings +
+
+ + About + User Profiles +
+
+
+

Settings section description.

+
+ +
+ +
+
+
+ + +
+
+ +
+
+ +
+
+
+
+
-