Style verify-email view

3 years ago · 7361cd4dde
--- a/resources/scss/main.scss
+++ b/resources/scss/main.scss
@@ -75,6 +75,12 @@ nav h1 {
 	display: inline-block;
 }

 nav.info-page h1 {
 	margin: 4px 0 10px 6px;
 	display: inline-block;
 	color: vars.getColor('brand-orange');
 }

 .formal-font {
 	font-family: "FreeSans";
 }
@@ -642,3 +648,18 @@ div.register-area.active {
 	}
 }

 .info-heading {
 	margin-top: 3em;
 	margin-left: auto;
 	margin-right: auto;
 	max-width: 35em;
 	padding: 3em;
 	height: 30em;
 	button {
 		display: block;
 		margin: 3em auto;
 		width: 6em;
 		@include vars.special-button("light-green", "dark-green");
 	}
 }

--- a/resources/views/home.blade.php
+++ b/resources/views/home.blade.php
@@ -1,10 +1,11 @@
@extends('master')

@section('title', 'Home')
@section('heading-style', 'Home')

@section('head-metas')
 	@parent
 	<link rel="stylesheet" href="css/app.css">
 	<link rel="stylesheet" href="css/main.css">
@endsection

@section('content')
--- a/resources/views/master.blade.php
+++ b/resources/views/master.blade.php
@@ -11,7 +11,7 @@
 </head>

 <body>
 	<nav class='navigator' role="navigation">
 	<nav class="navigator @yield('heading-style')" role="navigation">
 		<a id='logo' href='/'>
 			<h1>Trendplays</h1>
 			<img src="/img/arrow-up.svg" height="30px" alt="">
--- a/resources/views/verify-email.blade.php
+++ b/resources/views/verify-email.blade.php
@@ -1,6 +1,7 @@
@extends('master')

@section('title', 'Home')
@section('heading-style', 'info-page')

@section('head-metas')
 	@parent
@@ -18,5 +19,7 @@

@section('scripts')
 	@parent
 	<script src="main.js"></script>
 	<script src="js/app.js"></script>
 	<script src="js/chunk-vendors.js"></script>
 	<!-- <script src="main.js"></script> -->
@endsection