Skip to content
Snippets Groups Projects
Commit 405218c9 authored by Thoeni Fabian (Student Com20)'s avatar Thoeni Fabian (Student Com20)
Browse files

v5 - register style changes

parent 058356b2
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
secure/public/css/styles.css
+ 7
− 0
View file @ 405218c9
...@@ -14,6 +14,13 @@ html, body { ...@@ -14,6 +14,13 @@ html, body {
align-content: center; align-content: center;
} }
#card2 {
height: 370px;
margin-top: 17%;
margin-bottom: auto;
width: 400px;
background-color: rgba(0, 0, 0, 0.5) !important;
}
#card { #card {
height: 370px; height: 370px;
margin-top: auto; margin-top: auto;
......
secure/resources/views/auth/register.blade.php
+ 77
− 56
View file @ 405218c9
@extends('layouts.app') @extends('layouts.signin')
@section('content') @section('content')
<div class="container"> <div id="app">
<div class="row justify-content-center"> <nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm">
<div class="col-md-8"> <div class="container">
<div class="card"> <a class="navbar-brand">
<div class="card-header">{{ __('Register') }}</div> BattTho
</a>
<div class="card-body">
<form method="POST" action="{{ route('register') }}">
@csrf
<div class="row mb-3">
<label for="name" class="col-md-4 col-form-label text-md-right">{{ __('Name') }}</label>
<div class="col-md-6">
<input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ old('name') }}" required autocomplete="name" autofocus>
@error('name') <div class="collapse navbar-collapse" id="navbarSupportedContent">
<span class="invalid-feedback" role="alert"> <ul class="navbar-nav me-auto">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
<div class="row mb-3"> </ul>
<label for="email" class="col-md-4 col-form-label text-md-right">{{ __('E-Mail Address') }}</label> <ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" href="{{ route('login') }}">Login </a>
</li>
<div class="col-md-6"> <li class="nav-item dropdown">
<input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email">
@error('email') <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
<span class="invalid-feedback" role="alert"> <a class="dropdown-item" href="{{ route('logout') }}" onclick="event.preventDefault();
<strong>{{ $message }}</strong> document.getElementById('logout-form').submit();">
</span> </a>
@enderror
</div>
</div> </div>
</li>
</ul>
</div>
</div>
</nav>
<div class="row mb-3"> </div>
<label for="password" class="col-md-4 col-form-label text-md-right">{{ __('Password') }}</label> <div class="container">
<div class="d-flex justify-content-center h-100">
<div id="card2" >
<div class="card-header">
<h3>Register</h3>
</div>
<div class="card-body">
<form method="POST" action="{{ route('register') }}">
@csrf
<div class="input-group form-group">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fas fa-user"></i></span>
</div>
<input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" placeholder="name" value="{{ old('name') }}" required autocomplete="name" autofocus>
<div class="col-md-6"> @error('name')
<input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="new-password"> <span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
@error('password') <div class="input-group form-group">
<span class="invalid-feedback" role="alert"> <div class="input-group-prepend">
<strong>{{ $message }}</strong> <span class="input-group-text"><i class="fas fa-envelope-open-text"></i></span>
</span>
@enderror
</div>
</div> </div>
<input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" placeholder="email" value="{{ old('email') }}" required autocomplete="email">
<div class="row mb-3"> @error('email')
<label for="password-confirm" class="col-md-4 col-form-label text-md-right">{{ __('Confirm Password') }}</label> <span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="col-md-6"> <div class="input-group form-group">
<input id="password-confirm" type="password" class="form-control" name="password_confirmation" required autocomplete="new-password"> <div class="input-group-prepend">
</div> <span class="input-group-text"><i class="fas fa-key"></i></span>
</div> </div>
<input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" placeholder="password" required autocomplete="new-password">
@error('password')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="row mb-0"> <div class="input-group form-group">
<div class="col-md-6 offset-md-4"> <div class="input-group-prepend">
<button type="submit" class="btn btn-primary"> <span class="input-group-text"><i class="fas fa-key"></i></span>
{{ __('Register') }}
</button>
</div>
</div> </div>
</form> <input id="password-confirm" type="password" class="form-control" name="password_confirmation" placeholder="password confirmation" required autocomplete="new-password">
</div> </div>
<br>
<div class="form-group">
<input type="submit" value="Register" class="btn float-right login_btn">
</div>
</form>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
@endsection @endsection
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment