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) +
+ + + +
+ 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; + }13/12/20 00:39 | |||
+ | Other person | ++ | 12/12/20 17:46 | +
Settings section description.
+