minor UI tweaks
This commit is contained in:
sairaj mote
parent
20434dd075
commit
5e469d0afd
15
css/main.css
15
css/main.css
@ -821,23 +821,19 @@ sm-button[variant=primary] {
|
||||
margin-bottom: 0.5rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
#landing .left sm-button {
|
||||
margin: 1.5rem 0 2rem 0;
|
||||
width: -webkit-max-content;
|
||||
width: -moz-max-content;
|
||||
width: max-content;
|
||||
}
|
||||
#landing .left h3 {
|
||||
margin-bottom: 1rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
#landing .left p {
|
||||
margin-top: 1rem;
|
||||
font-size: 1.1rem;
|
||||
color: rgba(var(--text-color), 0.8);
|
||||
}
|
||||
#landing .left .flex sm-button:first-of-type {
|
||||
margin-right: 1rem;
|
||||
#landing .left .button {
|
||||
padding: 0.8rem 1.5rem;
|
||||
}
|
||||
#landing .left .flex .button:first-of-type {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.logo-section {
|
||||
@ -1790,6 +1786,7 @@ sm-button[variant=primary] {
|
||||
padding: 0.5rem 1rem;
|
||||
align-content: center;
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
z-index: 1;
|
||||
}
|
||||
#chat_header .flex {
|
||||
height: 100%;
|
||||
|
||||
2
css/main.min.css
vendored
2
css/main.min.css
vendored
File diff suppressed because one or more lines are too long
@ -755,22 +755,20 @@ sm-button[variant="primary"] {
|
||||
margin-bottom: 0.5rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
sm-button {
|
||||
margin: 1.5rem 0 2rem 0;
|
||||
width: max-content;
|
||||
}
|
||||
h3 {
|
||||
margin-bottom: 1rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
p {
|
||||
margin-top: 1rem;
|
||||
font-size: 1.1rem;
|
||||
color: rgba(var(--text-color), 0.8);
|
||||
}
|
||||
.button {
|
||||
padding: 0.8rem 1.5rem;
|
||||
}
|
||||
.flex {
|
||||
sm-button:first-of-type {
|
||||
margin-right: 1rem;
|
||||
.button:first-of-type {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1586,6 +1584,7 @@ sm-button[variant="primary"] {
|
||||
padding: 0.5rem 1rem;
|
||||
align-content: center;
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
z-index: 1;
|
||||
.flex {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
42
index.html
42
index.html
@ -108,11 +108,12 @@
|
||||
<h1 class="title-font">
|
||||
Truly Secure, Private and Reliable.
|
||||
</h1>
|
||||
<p>A messenger made with Blockchain and Open Source technologies. Take back control of your data that
|
||||
<p class="margin-block-1">A messenger made with Blockchain and Open Source technologies. Take back
|
||||
control of your data that
|
||||
belongs to you and you alone.</p>
|
||||
<div class="flex">
|
||||
<a href="#/sign_in" class="button button--primary">Sign In</a>
|
||||
<a href="#/sign_up" class="button">Get started</a>
|
||||
<a href="#/sign_in" class="button button--primary">Sign In</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="landing_illustration" class="right">
|
||||
@ -121,7 +122,7 @@
|
||||
</div>
|
||||
<article id="sign_in" class="inner-page page-layout hide">
|
||||
<section>
|
||||
<h1 class="h2">Sign In</h1>
|
||||
<h1 style="font-size: 2rem;">Sign In</h1>
|
||||
<p>Welcome back, glad to see you again</p>
|
||||
<sm-form id="sign_in_form">
|
||||
<sm-input id="private_key_field" type="password" placeholder="FLO private key"
|
||||
@ -207,7 +208,7 @@
|
||||
<path class="e" d="M325,314.13c21,4.22,36.85,12.82,36.85,25.8a69.7,69.7,0,0,1-41.09,63.58" />
|
||||
</svg>
|
||||
<div class="shadow"></div>
|
||||
<h4 class="page__tag-line">Getting everything ready, Hang on.</h4>
|
||||
<h4 class="page__tag-line margin-block-1">Getting everything ready, Hang on.</h4>
|
||||
<button class="button" onclick="floDapps.clearCredentials()">Reset</button>
|
||||
</div>
|
||||
</div>
|
||||
@ -401,6 +402,21 @@
|
||||
<section>
|
||||
<h4>My FLO ID</h4>
|
||||
<sm-copy id="greet_tag"></sm-copy>
|
||||
<button id="sign_out" onclick="signOut()" class="button button--danger"
|
||||
style="margin-top: 0.5rem;">
|
||||
<svg class="icon margin-right-0-5" xmlns="http://www.w3.org/2000/svg"
|
||||
enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px"
|
||||
fill="#000000">
|
||||
<g>
|
||||
<path d="M0,0h24v24H0V0z" fill="none" />
|
||||
</g>
|
||||
<g>
|
||||
<path
|
||||
d="M17,8l-1.41,1.41L17.17,11H9v2h8.17l-1.58,1.58L17,16l4-4L17,8z M5,5h7V3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h7v-2H5V5z" />
|
||||
</g>
|
||||
</svg>
|
||||
Sign Out
|
||||
</button>
|
||||
</section>
|
||||
<section>
|
||||
<h4>Clear data</h4>
|
||||
@ -423,24 +439,6 @@
|
||||
Clear Data
|
||||
</button>
|
||||
</section>
|
||||
<section>
|
||||
<h4>Sign out</h4>
|
||||
<p>*Remember to store your <strong>PRIVATE KEY </strong> before signing out.</p>
|
||||
<button id="sign_out" onclick="signOut()" class="button button--danger">
|
||||
<svg class="icon margin-right-0-5" xmlns="http://www.w3.org/2000/svg"
|
||||
enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px"
|
||||
fill="#000000">
|
||||
<g>
|
||||
<path d="M0,0h24v24H0V0z" fill="none" />
|
||||
</g>
|
||||
<g>
|
||||
<path
|
||||
d="M17,8l-1.41,1.41L17.17,11H9v2h8.17l-1.58,1.58L17,16l4-4L17,8z M5,5h7V3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h7v-2H5V5z" />
|
||||
</g>
|
||||
</svg>
|
||||
Sign Out
|
||||
</button>
|
||||
</section>
|
||||
</div>
|
||||
<div id="chat" class="panel hide">
|
||||
<sm-switch id="is_enter_send_toggle">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user