design(web): project page and ads lab in the home page look - #150
Merged
Merged
Conversation
The last two signed-in pages still had the old style.
Project page (/account/[id]):
- Tinted head, the status as the account page's pill in words ("fertig",
"in Arbeit") instead of the raw value READY.
- Pill tabs, panels as cards with a shadow, the change chat with the
prototype form's inputs, a picture icon instead of the paperclip emoji.
Ads lab (/lab):
- Head band with the intro, the generator form in a card with labelled,
styled selects in a three-column grid.
- Rendered ads as a card list with a kind icon; campaigns in a card with
platform pills and problems on the warning tint. The old yellow and red
text came from a dark theme and was hard to read on white.
Also: the account page moves to the 1200px frame, so it lines up with
the header after the header change in #149.
Project: Appwerk
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
/account/[id]: tinted head, status pill in words, pill tabs, card panels, styled change chat, icon instead of the paperclip emoji./lab: head band, generator form card with styled selects, ads as a card list, campaigns card with readable problem notes (the old colours were from a dark theme)./accounton the 1200px frame to line up with the header from design(web): legal pages, consent banner and header/footer frame #149.Checked locally at 1440 and 375 with synthetic fixtures (the API pointed at an unreachable host, nothing touched production). No sideways overflow. tsc and eslint pass.