cief/portal
1
0
Fork 0
mirror of https://gitlab.com/CIEFWorldwideSdnBhd/portal.git synced 2026-08-19 04:23:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

responsive layout added to login and registration section

Browse Source
This commit is contained in:
omair saleh
2020-09-14 12:59:13 +08:00
parent a00d066c1a
commit 26c9654894
6 changed files with 176 additions and 161 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/assets/js/scripts.js
Vendored
+2
View File
@@ -35,6 +35,8 @@ $(function() {
$(this).closest('.tabsContainer').find('.tabContent[tab-name="'+tabName+'"]').not($(this).closest('.tabsContainer').find('.tabsContainer .tabContent')).removeClass('hide');
});
$('.scrollable').scrollbar().addClass('scrollbar-macosx');
if($('#maintenanceContainer').length >0 ){
VANTA.BIRDS({
el: "#maintenanceContainer",
resources/assets/vue/components/authentication/forms/LoginFormComponent.vue
+2 -2
View File
@@ -11,7 +11,7 @@
<div class="row animated fadeInDownBig">
<div class="col b-t b-b b-grey animated" :class="[{'shake': $v.parameters.email.$error}]" :style="[$v.parameters.email.$error ? {'border-bottom': 'solid 2px red !important'} : {}]">
<div class="row align-items-center">
<div class="col no-padding bg-white">
<div class="col pl-md-0 pr-md-0 bg-white">
<div class="input-group transparent b-grey b-t">
<span class="input-group-addon no-border">
<i class="fa fa-user-o fa-fw p-l-15 p-t-20" style="padding-right: 18px;"></i>
@@ -26,7 +26,7 @@
<div class="row animated fadeInUpBig">
<div class="col bg-white b-b b-grey animated" :class="[{'shake': $v.parameters.password.$error}]" :style="[$v.parameters.password.$error ? {'border-bottom': 'solid 2px red !important'} : {}]">
<div class="row align-items-center">
<div class="col no-padding bg-white">
<div class="col pl-md-0 pr-md-0 bg-white">
<div class="input-group transparent b-grey b-b">
<span class="input-group-addon no-border">
<i class="fa fa-lock fa-fw p-l-15 p-t-20" style="padding-right: 18px;"></i>
resources/assets/vue/components/authentication/forms/RegistrationFormComponent.vue
+144 -141
View File
File diff suppressed because one or more lines are too long
resources/assets/vue/components/authentication/sections/LoginSectionComponent.vue
+1 -1
View File
@@ -24,7 +24,7 @@
<div class="row animated fadeInDownBig">
<div class="col b-t b-b b-grey animated" :class="[{'shake': $v.parameters.email.$error}]" :style="[$v.parameters.email.$error ? {'border-bottom': 'solid 2px red !important'} : {}]">
<div class="row align-items-center">
<div class="col no-padding bg-white">
<div class="col pl-md-0 pr-md-0 bg-white">
<div class="input-group transparent b-grey b-t b-b">
<span class="input-group-addon no-border">
<i class="fa fa-user-o fa-fw p-l-15 p-t-20" style="padding-right: 18px;"></i>
resources/views/layouts/base_login.blade.php
+27 -3
View File
@@ -3,7 +3,7 @@
@section('content')
<div class="fluid-container h-100">
<div class="row h-100">
<div class="col bg-primary-light no-padding" style=" background-image: url(https://10.0.0.24/images/shipping_bg.jpeg); background-size: cover; background-blend-mode: multiply; ">
<div class="col bg-primary-light no-padding d-none d-md-block" style=" background-image: url(https://10.0.0.24/images/shipping_bg.jpeg); background-size: cover; background-blend-mode: multiply; ">
<div class="row h-100 m-auto text-right">
<div class="col-3"></div>
<div class="col d-flex align-items-end flex-column">
@@ -34,8 +34,32 @@
</div>
</div>
</div>
<div class="col bg-master-lightest no-padding overflow-hidden">
@yield('inner_content')
<div class="col bg-master-lightest no-padding h-100">
<div class="row h-100">
<div class="col h-100" style="padding-bottom: 120px;">
<div class="page-container">
<div class="page-content-wrapper">
<div class="content p-t-0 overflow-hidden">
@yield('inner_content')
</div>
</div>
</div>
</div>
</div>
<div class="row m-l-0 m-r-0 w-100 p-b-25 p-t-15 animated fadeInRightBig bg-master-lightest absolute" style="bottom: 0;">
<div class="col font-lato p-l-50">
<div class="row">
<div class="col">
<p class="all-caps fs-10 m-b-5" style="letter-spacing: 2px;">Support:</p>
</div>
</div>
<div class="row">
<div class="col">
<p class="all-caps no-margin fs-8 lh-18" style="letter-spacing: 2px;">To obtain access to this site or for any questions about its<br>use submit an email message to <span class="text-underline text-primary bold">info@izyim.com</span></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
resources/views/pages/accounts/authentication/login.blade.php
-14
View File
@@ -42,20 +42,6 @@
</div>
</div>
</div>
<div class="row mt-auto m-b-25 animated fadeInRightBig">
<div class="col font-lato p-l-50">
<div class="row">
<div class="col">
<p class="all-caps fs-10 m-b-5" style="letter-spacing: 2px;">Support:</p>
</div>
</div>
<div class="row">
<div class="col">
<p class="all-caps no-margin fs-8 lh-18" style="letter-spacing: 2px;">To obtain access to this site or for any questions about its<br>use submit an email message to <span class="text-underline text-primary bold">info@izyim.com</span></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row align-items-center justify-content-center h-100 bg-white text-center" key="2" v-show="$store.getters.isShowing('loginSuccess')">