You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository has been archived by the owner on Jun 11, 2023. It is now read-only.
I can also try to try to implement following changes:
Remove all <br>s in favour of margins where they needed. (applies to #login-form)
Replace <label>s with placeholders on input elements. (applies to #login-form)
background: #1d1d1d (or another color) on landing page display manager (#landDM).
Delete border, background, padding, margin, border-radius from #login-form.
Add margin: 4px 0 to .landInputs.
Add box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) to inputs so they don't look so flat (even if with these colors it's just a detail).
text-align: left; text-transform: uppercase; font-weight: bold; font-size: 28px; for .landTitle (if changing the node's contents to something like "welcome to line break or image here? heborn").
only suggestion: you can use Consolas or system fonts (both options should look OK; set like -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif).
Font family Open Sans should be put in quotes (font-family: 'Open Sans') and there should be some fallback fonts (font-family: 'Open Sans', sans-serif?).
Remove flex: 0 from <input>s and add width: 100%.
Consider minimum width for #login-form (250px should be safe for mobile devices).
Might want to set margin-bottom: 16px; or higher for .landTitle.
Add some image (screenshot from the game/render/something) before (a.k.a. to the left of) the login form (you already use flex only forget flex-direction: column; so it should not be a problem; just add a <div> and the image inside it, also remember about some reasonable container width). Space under the image can be used for links (like forgot password, discord or something another).
@renatomassaro 🤣 this is what happens when you don't contract a designer. where is our team designer? it's been two years without one EDIT: Don't worry @rylat, yours suggestions will be considered, after we have a designer.
I can also try to try to implement following changes:
<br>
s in favour of margins where they needed. (applies to#login-form
)<label>
s withplaceholder
s oninput
elements. (applies to#login-form
)background: #1d1d1d
(or another color) on landing page display manager (#landDM
).border
,background
,padding
,margin
,border-radius
from#login-form
.margin: 4px 0
to.landInput
s.box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)
toinput
s so they don't look so flat (even if with these colors it's just a detail).text-align: left; text-transform: uppercase; font-weight: bold; font-size: 28px;
for.landTitle
(if changing the node's contents to something like "welcome toline break or image here? heborn").
-apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif
).Open Sans
should be put in quotes (font-family: 'Open Sans'
) and there should be some fallback fonts (font-family: 'Open Sans', sans-serif
?).flex: 0
from<input>
s and addwidth: 100%
.#login-form
(250px should be safe for mobile devices).margin-bottom: 16px;
or higher for.landTitle
.flex-direction: column;
so it should not be a problem; just add a<div>
and the image inside it, also remember about some reasonable container width). Space under the image can be used for links (likeforgot password
,discord
or something another).for structure
The text was updated successfully, but these errors were encountered: