scottk/chatwoot
1
0
Fork 0
mirror of https://github.com/lingble/chatwoot.git synced 2025-11-03 04:27:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix multiple SelectorFormat issues in views/_signup.scss (#88)

Browse Source
This commit is contained in:
Ricardo Ferro Moreno
2019-10-05 05:34:24 -03:00
committed by Pranav Raj S
parent ccfa135264
commit e91868f823
2 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/javascript/src/assets/scss/views/_signup.scss
View File

@@ -1,25 +1,25 @@
.signup { .signup {
// margin-top: $space-larger*1.2; // margin-top: $space-larger*1.2;
.signup__hero { .signup--hero {
margin-bottom: $space-larger*1.5; margin-bottom: $space-larger*1.5;
.hero__logo { .hero--logo {
width: 180px; width: 180px;
} }
.hero__title { .hero--title {
margin-top: $space-large; margin-top: $space-large;
font-weight: $font-weight-light; font-weight: $font-weight-light;
} }
.hero__sub { .hero--sub {
font-size: $font-size-medium; font-size: $font-size-medium;
color: $medium-gray; color: $medium-gray;
} }
} }
.signup__features { .signup--features {
list-style-type: none; list-style-type: none;
font-size: $font-size-medium; font-size: $font-size-medium;
@@ -53,7 +53,7 @@
} }
} }
.signup-box { .signup--box {
@include elegant-card; @include elegant-card;
padding: $space-large; padding: $space-large;
label { label {
@@ -71,7 +71,7 @@
} }
} }
.sigin__footer { .sigin--footer {
padding: $space-medium; padding: $space-medium;
font-size: $font-size-default; font-size: $font-size-default;
@@ -80,7 +80,7 @@
} }
} }
.accept-terms { .accept--terms {
font-size: $font-size-mini; font-size: $font-size-mini;
text-align: center; text-align: center;
@include margin($zero); @include margin($zero);

16
app/javascript/src/routes/auth/Signup.vue
View File

@@ -1,21 +1,21 @@
<template> <template>
<div class="medium-10 column signup"> <div class="medium-10 column signup">
<div class="text-center medium-12 signup__hero"> <div class="text-center medium-12 signup--hero">
<img <img
src="~assets/images/woot-logo.svg" src="~assets/images/woot-logo.svg"
alt="Woot-logo" alt="Woot-logo"
class="hero__logo" class="hero--logo"
/> />
<h2 class="hero__title"> <h2 class="hero--title">
{{ $t('REGISTER.TRY_WOOT') }} {{ $t('REGISTER.TRY_WOOT') }}
</h2> </h2>
<p class="hero__sub"> <p class="hero--sub">
{{ $t('REGISTER.TRY_WOOT_SUB') }} {{ $t('REGISTER.TRY_WOOT_SUB') }}
</p> </p>
</div> </div>
<div class="row align-center"> <div class="row align-center">
<div class="medium-5 column"> <div class="medium-5 column">
<ul class="signup__features"> <ul class="signup--features">
<li><i class="ion-beer beer"></i>Unlimited Facebook Pages</li> <li><i class="ion-beer beer"></i>Unlimited Facebook Pages</li>
<li><i class="ion-stats-bars report"></i>Robust Reporting</li> <li><i class="ion-stats-bars report"></i>Robust Reporting</li>
<li><i class="ion-chatbox-working canned"></i>Canned Responses</li> <li><i class="ion-chatbox-working canned"></i>Canned Responses</li>
@@ -24,7 +24,7 @@
</ul> </ul>
</div> </div>
<div class="medium-5 column"> <div class="medium-5 column">
<form class="signup-box login-box " @submit.prevent="submit()"> <form class="signup--box login-box " @submit.prevent="submit()">
<div class="column log-in-form"> <div class="column log-in-form">
<label :class="{ error: $v.credentials.name.$error }"> <label :class="{ error: $v.credentials.name.$error }">
{{ $t('REGISTER.ACCOUNT_NAME.LABEL') }} {{ $t('REGISTER.ACCOUNT_NAME.LABEL') }}
@@ -61,10 +61,10 @@
button-class="large expanded" button-class="large expanded"
> >
</woot-submit-button> </woot-submit-button>
<p class="accept-terms" v-html="$t('REGISTER.TERMS_ACCEPT')"></p> <p class="accept--terms" v-html="$t('REGISTER.TERMS_ACCEPT')"></p>
</div> </div>
</form> </form>
<div class="column text-center sigin__footer"> <div class="column text-center sigin--footer">
<span>Already have an account?</span> <span>Already have an account?</span>
<router-link to="auth/login"> <router-link to="auth/login">
{{ $t('LOGIN.TITLE') }} {{ $t('LOGIN.TITLE') }}