mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-08-02 11:30:22 +02:00
Code Issues Releases Wiki Activity

fix onabording for web app

Browse Source
This commit is contained in:
Kushagra Gour
2018-01-21 17:27:46 +05:30
parent fc8350b289
commit d67526588d
2 changed files with 35 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/partials/onboard-modal.html
View File

@@ -1,12 +1,23 @@
<div class="tac">
<svg width="130px" height="50px">
<svg width="130px" height="50px" aria-hidden="true">
<use xlink:href="#logo" />
</svg>
<h1 style="margin-top:20px">Welcome to Web Maker</h1>
<h1 style="margin-top:20px">Welcome to Web Maker<span class="show-when-app"> 3.0 (beta)</span></h1>
</div>
<div class="flex" style="margin-top;: 100px;">
<div class="onboard-step">
<div class="flex" style="margin-top:40px;">
<div class="onboard-step show-when-app">
<div class="tac">
<svg class="onboard-step__icon" viewBox="0 0 24 24">
<path d="M13.64,21.97C13.14,22.21 12.54,22 12.31,21.5L10.13,16.76L7.62,18.78C7.45,18.92 7.24,19 7,19A1,1 0 0,1 6,18V3A1,1 0 0,1 7,2C7.24,2 7.47,2.09 7.64,2.23L7.65,2.22L19.14,11.86C19.57,12.22 19.62,12.85 19.27,13.27C19.12,13.45 18.91,13.57 18.7,13.61L15.54,14.23L17.74,18.96C18,19.46 17.76,20.05 17.26,20.28L13.64,21.97Z"
/>
</svg>
</div>
<p>
Open Web Maker anytime by visiting <a>https://webmakerapp.com/app/</a> - Even when you are offline! It just works! 😱
</p>
</div>
<div class="onboard-step show-when-extension">
<div class="tac">
<svg class="onboard-step__icon" viewBox="0 0 24 24">
<path d="M13.64,21.97C13.14,22.21 12.54,22 12.31,21.5L10.13,16.76L7.62,18.78C7.45,18.92 7.24,19 7,19A1,1 0 0,1 6,18V3A1,1 0 0,1 7,2C7.24,2 7.47,2.09 7.64,2.23L7.65,2.22L19.14,11.86C19.57,12.22 19.62,12.85 19.27,13.27C19.12,13.45 18.91,13.57 18.7,13.61L15.54,14.23L17.74,18.96C18,19.46 17.76,20.05 17.26,20.28L13.64,21.97Z"
@@ -49,5 +60,5 @@
<p class="tac">
<button class="btn" d-click="closeAllOverlays">Lets start!</button>
<button class="btn btn--primary" d-click="closeAllOverlays">Lets start!</button>
</p>

28
src/style.css
View File

@@ -2,6 +2,7 @@
--color-bg: #252637;
--color-sidebar: #3a2b63;
--code-font-size: 16px;
--color-button: #0074d9;
}
body {
margin: 0;
@@ -121,15 +122,19 @@ textarea {
}
.btn {
display: inline-block;
border: 0;
background: #0074d9;
color: white;
color: var(--color-button);
font-size: inherit;
border-radius: 3px;
padding: 7px 15px;
border: 3px solid var(--color-button);
border-radius: 5px;
padding: 9px 15px;
cursor: pointer;
transition: box-shadow 0.2s ease;
}
.btn--primary {
background: var(--color-button)
linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0px, transparent);
color: white;
}
.btn--big {
padding: 15px 30px;
border-radius: 3px;
@@ -140,7 +145,7 @@ textarea {
}
.btn:hover {
text-decoration: none;
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25);
}
.btn:focus {
outline-width: 4px;
@@ -164,7 +169,7 @@ textarea {
display: none;
}
.is-loading > svg {
display:none;
display: none;
}
.is-loading .btn-loader {
display: block;
@@ -190,13 +195,12 @@ textarea {
display: flex;
flex-direction: column;
overflow: hidden;
will-change: -webkit-filter;
transition: 0.1s ease 0.2s;
will-change: filter;
}
body:not(.light-version).overlay-visible .main-container {
transition-duration: 0.5s;
transition-delay: 0.4s;
-webkit-filter: blur(3px);
filter: blur(3px);
}
.code-side,
@@ -631,6 +635,8 @@ body > #demo-frame {
border-radius: 50%;
padding: 10px 14px;
background: crimson;
color: white;
border: 0;
transform: scale(0);
will-change: transform, opacity;
transition: 0.3s ease;
@@ -1105,10 +1111,14 @@ body > #demo-frame {
display: none;
}
.social-login-btn--github {
color: white;
background: #656b6f;
border-color: #656b6f;
}
.social-login-btn--facebook {
color: white;
background: #4e62c0;
border-color: #4e62c0;
}
.social-login-btn--google {
background: white;