Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
C
Callmycab-Userapp
Project
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
kevin
Callmycab-Userapp
Commits
cc157949
Commit
cc157949
authored
Jun 25, 2018
by
Alen Jose
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'alen' into 'master'
25-june See merge request alen/CMC_revamp!13
parents
b0f8161f
852c2ee6
Hide whitespace changes
Inline
Side-by-side
Showing
6 changed files
with
42 additions
and
221 deletions
+42
-221
app.scss
src/app/app.scss
+18
-2
essential.scss
src/assets/css/essential.scss
+0
-216
forgot.ts
src/pages/forgot/forgot.ts
+2
-1
home.scss
src/pages/home/home.scss
+1
-1
landing.scss
src/pages/landing/landing.scss
+1
-1
profile.scss
src/pages/profile/profile.scss
+20
-0
No files found.
src/app/app.scss
View file @
cc157949
...
@@ -7,5 +7,21 @@
...
@@ -7,5 +7,21 @@
@import
"../assets/css/theme.scss"
;
@import
"../assets/css/theme.scss"
;
//Essentail SCSS//
//Essentail SCSS//
.cab_sidemenu_bg
{
background
:
#4d4d4d
;
background-size
:
cover
!
important
;
background-position
:
center
!
important
;}
@import
"../assets/css/essential.scss"
;
.cab_sidemenu_wrapper
{
width
:
100%
;
height
:
100%
;}
.cab_profile_banner
{
width
:
100%
;
padding-top
:
80px
;}
.cab_profile_picture
{
width
:
100px
;
height
:
100px
;
margin
:
0
auto
;
border
:
2px
solid
#f7941e
;
background-size
:
25px
!
important
;
border-radius
:
50%
;
background
:
url("../assets/img/avatar.png")
;
background-position
:
center
;
background-repeat
:
no-repeat
;}
.cab_profile_banner
h6
{
color
:
#fff
;
margin
:
0px
;
font-size
:
16px
;
font-weight
:
400
;
padding-bottom
:
7px
;
padding-top
:
15px
;
padding-left
:
10px
;
padding-right
:
10px
;
text-align
:
center
;}
.cab_profile_banner
p
{
color
:
#fff
;
margin
:
0px
;
font-size
:
20px
;
font-weight
:
300
;
padding-left
:
10px
;
padding-right
:
10px
;
text-align
:
center
;}
.cab_profile_picture
img
{
width
:
100%
;
height
:
100%
;
border-radius
:
50%
;}
.cab_sidemenu_list
{
width
:
100%
;
padding-left
:
30px
;
padding-top
:
30px
;}
.cab_sidemenu_list
ul
{
width
:
100%
;
padding
:
0px
;
margin
:
0px
;}
.cab_sidemenu_list
ul
li
{
list-style
:
none
;
color
:
#fff
;
font-size
:
16px
;
font-weight
:
300
;
padding-top
:
15px
;
padding-bottom
:
15px
;
background-position
:
left
!
important
;
background-repeat
:
no-repeat
!
important
;
padding-left
:
35px
;
background-size
:
23px
!
important
;}
.cab_sidemenu_list
ul
.book
{
background
:
url("../assets/img/book.png")
;}
.cab_sidemenu_list
ul
.trip
{
background
:
url("../assets/img/trip.png")
;}
.cab_sidemenu_list
ul
.rate
{
background
:
url("../assets/img/rate.png")
;}
.cab_sidemenu_list
ul
.payment
{
background
:
url("../assets/img/payment.png")
;}
.cab_sidemenu_list
ul
.offer
{
background
:
url("../assets/img/offer.png")
;}
.cab_sidemenu_list
ul
.settings
{
background
:
url("../assets/img/settings.png")
;}
.cab_sidemenu_list
ul
.logout
{
background
:
url("../assets/img/logout.png")
;}
// @import "../assets/css/essential.scss";
src/assets/css/essential.scss
deleted
100644 → 0
View file @
b0f8161f
/* LANDING */
.cab_landing_wrapper
{
width
:
80%
;
height
:
100%
;
margin
:
0
auto
;
padding-top
:
10%
;}
.cab_logo
{
width
:
100%
;
text-align
:
center
;}
.cab_logo
img
{
width
:
200px
;}
.cab_footer
{
width
:
100%
;
text-align
:
center
;}
.cab_footer
p
{
color
:
#3d3a3b
;
font-weight
:
500
;
font-size
:
18px
;}
.cab_footer
li
{
list-style
:
none
;
display
:
inline-block
;}
.cab_sign_btn
{
height
:
45px
;
width
:
100%
;
background
:
#ff9c00
;
color
:
#fff
;
text-transform
:
capitalize
!
important
;
font-size
:
16px
;
font-weight
:
400
;}
.cab_sign_btn1
{
height
:
45px
;
width
:
100%
;
border
:
1px
solid
#ff9c00
;
color
:
#ff9c00
;
background
:transparent
;
text-transform
:
capitalize
!
important
;
font-size
:
16px
;
font-weight
:
400
;}
.cab_form
p
{
color
:
#3d3a3b
;
font-weight
:
500
;
font-size
:
18px
;}
.cab_req
{
color
:
#e42727
;
padding-top
:
7px
;
font-weight
:
500
;
text-align
:
center
;
font-size
:
15px
;}
/* LOGIN */
.cab_login_wrapper
{
width
:
100%
;
height
:
100%
;
padding-top
:
10%
;}
.cab_login_wrapper
h4
{
color
:
#404041
;
font-size
:
25px
;
font-weight
:
400
;}
.cab_login_wrapper
hr
{
border
:
2px
solid
#f7941e
;
height
:
0px
;
border-radius
:
20px
;
width
:
35px
;
margin-left
:
0px
;}
.cab_phone_number
{
width
:
100%
;
height
:
50px
;
border-bottom
:
2px
solid
#ff9c00
;}
.cab_phone_code
{
width
:
50px
;
height
:
100%
;
-webkit-appearance
:
none
;
-moz-appearance
:
none
;
background
:
transparent
!
important
;
text-align
:
center
;
border
:none
;
padding-left
:
10px
;
color
:
#3d3a3b
;
font-size
:
18px
;}
.cab_phone_code
option
{
text-align
:
center
;}
.cab_phone_input
{
width
:calc
(
100
%
-
50px
)
;
height
:
100%
;
border
:none
;
color
:
#3d3a3b
;
font-size
:
18px
;
padding-left
:
10px
;
padding-right
:
20px
;}
.
cab_phone_input
:
:-
webkit-input-placeholder
{
color
:
#3d3a3b
;}
.
cab_phone_input
:
:-
moz-placeholder
{
color
:
#3d3a3b
;}
.
cab_phone_input
:
-
ms-input-placeholder
{
color
:
#3d3a3b
;}
.
cab_phone_input
:
-
moz-placeholder
{
color
:
#3d3a3b
;}
.cab_login_wrapper
{
width
:
100%
;}
.cab_call
{
background
:
url("../assets/img/number.png")
;
background-position
:
right
;
background-repeat
:
no-repeat
;}
.cab_pass
{
background
:
url("../assets/img/password.png")
;
background-position
:
right
;
background-repeat
:
no-repeat
;}
.cab_user
{
background
:
url("../assets/img/user.png")
;
background-position
:
right
;
background-repeat
:
no-repeat
;}
.cab_mail
{
background
:
url("../assets/img/email.png")
;
background-position
:
right
;
background-repeat
:
no-repeat
;}
.cab_search
{
background
:
url("../assets/img/search.png")
!
important
;
background-position
:
right
;
background-repeat
:
no-repeat
;}
.cab_currentlocation
{
background
:
url("../assets/img/currentlocation.png")
;
background-position
:
right
;
background-repeat
:
no-repeat
;}
.cab_location
{
background
:
url("../assets/img/location.png")
;
background-position
:
right
;
background-repeat
:
no-repeat
;}
.cab_confirmpass
{
background
:
url("../assets/img/confirmpass.png")
;
background-position
:
right
;
background-repeat
:
no-repeat
;}
.cab_form_row
.item-block
{
background
:
transparent
;
padding-left
:
0px
;
border
:none
!
important
;
margin
:
0
auto
!
important
;
width
:
200px
!
important
;}
.cab_form_row
.item-inner
{
border
:none
!
important
;}
.cab_form_row
.checkbox-checked
{
background
:
#ff9c00
!
important
;
border
:
1px
solid
#ff9c00
!
important
;}
.item
.item-ios
.checkbox-ios
{
margin-left
:
0px
!
important
;
margin-right
:
10px
!
important
;}
.item
.item-md
.checkbox-md
{
margin-left
:
0px
!
important
;
margin-right
:
10px
!
important
;}
/* HOME */
.cab_map
{
width
:
100%
;
height
:
100%
;
position
:
relative
;}
.cab_map
#map
{
width
:
100%
;
height
:
100%
;
filter
:
url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale")
;
filter
:
gray
;
-webkit-filter
:
grayscale
(
99%
);
-webkit-backface-visibility
:
hidden
;}
.cab_home_custom_header
{
position
:
fixed
;
left
:
0px
;
right
:
0px
;
top
:
0px
;
width
:
100%
;
z-index
:
99
;}
.gmnoprint
{
display
:none
!
important
;}
.cab_footer_location
{
width
:
100%
;
padding
:
10px
;}
.cab_location_input
{
width
:
100%
;
height
:
45px
;
font-weight
:
300
;
border
:none
;
color
:
#fff
;
font-size
:
18px
;
background
:
transparent
;
background-position
:
right
!
important
;
background-repeat
:
no-repeat
!
important
;
background-size
:
23px
!
important
;}
.cab_current
{
background
:
url("../assets/img/currentlocation.png")
;}
.cab_destination
{
background
:
url("../assets/img/location.png")
;}
.
cab_location_input
:
:-
webkit-input-placeholder
{
color
:
#fff
;}
.
cab_location_input
:
:-
moz-placeholder
{
color
:
#fff
;}
.
cab_location_input
:
-
ms-input-placeholder
{
color
:
#fff
;}
.
cab_location_input
:
-
moz-placeholder
{
color
:
#fff
;}
.cab_footer_btn_bay
{
width
:
100%
;}
.cab_footer_btn
{
width
:
50%
;
height
:
50px
;
font-weight
:
300
;
letter-spacing
:
2px
;
border-radius
:
0px
!
important
;
background
:
#4d4d4d
;
color
:
#FFF
;
text-align
:
center
;
font-size
:
16px
;
margin
:
0px
;
text-transform
:
capitalize
!
important
;}
.cab_button_search
{
width
:
60px
;
height
:
60px
;
border-radius
:
50%
;
color
:
#fff
;
position
:
fixed
;
top
:
75px
;
right
:
0px
;
font-size
:
20px
;
border-top-right-radius
:
0px
;
border-bottom-right-radius
:
0px
;}
/* SIDEMENU */
.cab_sidemenu_bg
{
background
:
#4d4d4d
;
background-size
:
cover
!
important
;
background-position
:
center
!
important
;}
.cab_sidemenu_wrapper
{
width
:
100%
;
height
:
100%
;}
.cab_profile_banner
{
width
:
100%
;
padding-top
:
80px
;}
.cab_profile_picture
{
width
:
100px
;
height
:
100px
;
margin
:
0
auto
;
border
:
2px
solid
#f7941e
;
background-size
:
25px
!
important
;
border-radius
:
50%
;
background
:
url("../assets/img/avatar.png")
;
background-position
:
center
;
background-repeat
:
no-repeat
;}
.cab_profile_banner
h6
{
color
:
#fff
;
margin
:
0px
;
font-size
:
16px
;
font-weight
:
400
;
padding-bottom
:
7px
;
padding-top
:
15px
;
padding-left
:
10px
;
padding-right
:
10px
;
text-align
:
center
;}
.cab_profile_banner
p
{
color
:
#fff
;
margin
:
0px
;
font-size
:
20px
;
font-weight
:
300
;
padding-left
:
10px
;
padding-right
:
10px
;
text-align
:
center
;}
.cab_profile_picture
img
{
width
:
100%
;
height
:
100%
;
border-radius
:
50%
;}
.cab_sidemenu_list
{
width
:
100%
;
padding-left
:
30px
;
padding-top
:
30px
;}
.cab_sidemenu_list
ul
{
width
:
100%
;
padding
:
0px
;
margin
:
0px
;}
.cab_sidemenu_list
ul
li
{
list-style
:
none
;
color
:
#fff
;
font-size
:
16px
;
font-weight
:
300
;
padding-top
:
15px
;
padding-bottom
:
15px
;
background-position
:
left
!
important
;
background-repeat
:
no-repeat
!
important
;
padding-left
:
35px
;
background-size
:
23px
!
important
;}
.cab_sidemenu_list
ul
.book
{
background
:
url("../assets/img/book.png")
;}
.cab_sidemenu_list
ul
.trip
{
background
:
url("../assets/img/trip.png")
;}
.cab_sidemenu_list
ul
.rate
{
background
:
url("../assets/img/rate.png")
;}
.cab_sidemenu_list
ul
.payment
{
background
:
url("../assets/img/payment.png")
;}
.cab_sidemenu_list
ul
.offer
{
background
:
url("../assets/img/offer.png")
;}
.cab_sidemenu_list
ul
.settings
{
background
:
url("../assets/img/settings.png")
;}
.cab_sidemenu_list
ul
.logout
{
background
:
url("../assets/img/logout.png")
;}
/* MY-TRIPS */
.cab_mytrips_wrapper
{
width
:
100%
;
height
:
100%
;}
.cab_trip_tabs_bay
{}
.cab_trip_tabs_bay
ul
{
width
:
100%
;
margin
:
0px
;
padding
:
0px
;
border-bottom
:
2px
solid
#f7941e
;}
.cab_trip_tabs_bay
ul
li
{
padding
:
0px
;
margin
:
0px
;
text-transform
:
capitalize
!
important
;
list-style
:
none
;
width
:
33
.3%
;
float
:
left
;
text-align
:
center
;
color
:
#f7941e
;
padding
:
12px
;
font-weight
:
300
;
font-size
:
16px
;}
.cab_trip_tabs_bay
ul
.active
{
background
:
#f7941e
;
color
:
#fff
;
box-shadow
:
0px
0px
10px
0px
#888888
!
important
;
border-radius
:
5px
!
important
;}
.cab_trip_content
{
width
:
100%
;
height
:calc
(
100
%
-
45px
)
;}
.cab_trip_content
ul
{
width
:
100%
;
padding
:
0px
;
margin
:
0px
;
padding-top
:
20px
;}
.cab_trip_content
ul
li
{
width
:
100%
;
height
:
100%
;
background
:
url("../assets/img/trip_yellow.png")
;
position
:
relative
;
background-position
:
top
10px
left
15px
!
important
;
background-repeat
:
no-repeat
!
important
;
background-size
:
20px
;
padding-left
:
50px
;
padding-right
:
50px
;
padding-top
:
10px
;
padding-bottom
:
10px
;
text-align
:
left
;
border-bottom
:
1px
solid
#e4e4e4
;}
.cab_trip_content
ul
li
h6
{
margin
:
0px
;
padding
:
0px
;
color
:
#f7941e
;
font-size
:
14px
;
font-weight
:
300
;}
.cab_trip_content
ul
li
p
{
margin
:
0px
;
font-style
:
italic
;
color
:
#404041
;
font-weight
:
300
;
font-size
:
12px
;
padding-top
:
5px
;}
.cab_trip_content
ul
li
ion-icon
{
float
:
right
;
color
:
#f7941e
;
position
:
absolute
;
right
:
20px
;
top
:
35%
;}
/* TRIP-DETAIL */
.cab_trip_detail_wrapper
{
width
:
100%
;
padding
:
10px
;}
.cab_trip_detail_wrapper
h4
{
margin
:
0px
;
color
:
#404041
;
font-weight
:
400
;
font-size
:
16px
;}
.cab_trip_detail_wrapper
p
{
white-space
:
nowrap
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
margin-top
:
10px
;
font-size
:
14px
!
important
;
color
:
#a8a8a8
;
font-weight
:
300
;
padding-bottom
:
0px
;
margin-bottom
:
0px
;
bottom
:
0px
!
important
;
letter-spacing
:
1px
!
important
;}
.cab_trip_detail_wrapper
hr
{
border
:
1px
solid
#f7941e
;
height
:
0px
;
border-radius
:
5px
;
position
:
relative
;
bottom
:
22px
;
z-index
:
-9
;}
.cab_trip_detail_wrapper
.to
{
width
:
50px
;
height
:
30px
;
border-radius
:
50%
;
background
:
#fff
;
color
:
#f7941e
;
text-align
:
center
;
margin
:
0
auto
;
padding
:
3px
;
font-size
:
23px
;
z-index
:
9
;
letter-spacing
:
3px
;
padding-top
:
5px
;
padding-left
:
6px
;
margin-top
:
20px
;
margin-bottom
:
20px
;}
.cab_trip_detail_wrapper
p
strong
{
background
:
#f7941e
;
color
:
#fff
;
padding-left
:
10px
;
padding-right
:
10px
;
border-radius
:
4px
;
font-weight
:
400
;}
.cab_ratting
{
padding-top
:
25px
;
padding-bottom
:
25px
;
text-align
:
center
;
width
:
205px
;
margin
:
0
auto
;}
.cab_ratting
:not
(
:checked
)
>
input
{
position
:absolute
;
top
:
-9999px
;
clip
:rect
(
0
,
0
,
0
,
0
)
;}
.cab_ratting
:not
(
:checked
)
>
label
{
float
:right
;
width
:
1em
;
padding
:
0
.1em
;
overflow
:hidden
;
white-space
:nowrap
;
cursor
:pointer
;
font-size
:
40px
;
line-height
:
1
.2
;
color
:
#ddd
;}
.cab_ratting
:not
(
:checked
)
>
label
:before
{
content
:
'★ '
;}
.cab_ratting
>
input
:checked
~
label
{
color
:
#f70
;}
.cab_ratting
:not
(
:checked
)
>
label
:hover
,
.cab_ratting
:not
(
:checked
)
>
label
:hover
~
label
{
color
:
gold
;}
.cab_ratting
>
input
:checked
+
label
:hover
,
.cab_ratting
>
input
:checked
+
label
:hover
~
label
,
.cab_ratting
>
input
:checked
~
label
:hover
,
.cab_ratting
>
input
:checked
~
label
:hover
~
label
,
.cab_ratting
>
label
:hover
~
input
:checked
~
label
{
color
:
#ea0
;}
.cab_ratting
>
label
:active
{
position
:relative
;
top
:
2px
;
left
:
2px
;}
/* RIDEPOP */
.cab_ride_pop
{
width
:
100%
;
height
:
100%
;
position
:
relative
;
background
:
rgba
(
0
,
0
,
0
,
0
.7
);}
.cab_ride_inner
{
width
:
100%
;
min-height
:
130px
;
position
:
absolute
;
bottom
:
0px
;}
.cab_ride_down_arrow
{
margin
:
0
auto
;
color
:
#fff
;
text-align
:
center
;
font-size
:
20px
;
width
:
50px
;
height
:
50px
;
border-radius
:
25px
;
padding
:
10px
;
position
:
relative
;
bottom
:
25px
;}
.cab_ride_inner
p
{
text-align
:
center
;
color
:
#fff
;
margin
:
0px
;
padding
:
0px
;
font-size
:
18px
;
font-weight
:
300
;
letter-spacing
:
4px
;
position
:
relative
;
bottom
:
30px
;}
.cab_ride_inner
h6
{
text-align
:
center
;
color
:
#fff
;
margin
:
0px
!
important
;
font-weight
:
200
;
padding-top
:
10px
;
font-size
:
16px
;
position
:
relative
;
bottom
:
32px
;}
.cab_ride_fare_break
{
background
:
#fff
;
color
:
#f7941e
;
text-align
:
center
;
position
:
relative
;
bottom
:
20px
;}
.cab_ride_inner
strong
{
color
:
#fff
;}
.cab_ride_inner
h5
{
color
:
#fff
;
margin
:
0px
;
font-weight
:
300
;
margin-top
:
7px
;
font-size
:
14px
;}
.cab_ride_bottom_section
{
width
:
100%
;
border-top
:
1px
solid
#fff
;
margin-top
:
20px
;}
.cab_ride_bottom_section
li
{
width
:
20%
;
float
:
left
;
height
:
80px
;
background-size
:
50px
;
padding-top
:
10px
;
text-align
:
center
;
list-style
:
none
;
background-position
:
center
!
important
;
background-repeat
:
no-repeat
!
important
;}
.cab_ride_bottom_section
p
{
font-size
:
10px
!
important
;
margin
:
0px
!
important
;
padding
:
0px
!
important
;
bottom
:
0px
!
important
;
letter-spacing
:
1px
!
important
;}
.c1
{
background
:
url("../assets/img/c1.png")
;}
.c2
{
background
:
url("../assets/img/c2.png")
;}
.c3
{
background
:
url("../assets/img/c4.png")
;}
.c4
{
background
:
url("../assets/img/c3.png")
;}
.c5
{
background
:
url("../assets/img/c5.png")
;}
.c6
{
background
:
url("../assets/img/c6.png")
;}
.cab_ride_offer
{
width
:
100%
;
text-align
:
center
;
border-top
:
1px
solid
#fff
;}
.cab_ride_offer
li
{
float
:
left
;
color
:
#fff
;
list-style
:
none
;
width
:
50%
;
border-radius
:
0px
;
height
:
55px
;
padding-top
:
15px
;
padding-bottom
:
15px
;
font-size
:
16px
;
font-weight
:
300
;}
/* CONFIRM-MODAL */
.cab_pop_modal
{
width
:
300px
;
margin
:
0
auto
;
position
:
relative
;
top
:
20%
;
background
:
#fff
;}
.cab_pop_modal_head
{
width
:
100%
;
color
:
#fff
;
text-align
:
center
;
padding
:
10px
;
font-size
:
18px
;}
.cab_pop_modal
p
{
text-align
:
center
;
color
:
#a8a8a8
;
font-size
:
13px
;
padding-top
:
20px
;
padding-bottom
:
20px
;}
.cab_pop_button
{
width
:
100%
;
color
:
#f7941e
;
height
:
40px
;
font-size
:
15px
;
border
:none
;
margin
:
0px
;}
.cab_confirm_p
{
font-size
:
20px
;
font-weight
:
300
;
line-height
:
30px
;}
/* COUPON-MODAL */
.cab_coupon_wrapper
{
padding-top
:
20%
;}
.cab_pop_detail_left
{
width
:
65px
;
height
:
50px
;
background-position
:left
;
background-size
:
65px
;
background-repeat
:
no-repeat
;}
.cab_pop_details
{
padding
:
3px
;
width
:calc
(
100
%
-
65px
)
;}
.cab_coupon_box
{
width
:
80%
;
margin
:
0
auto
;
height
:
50px
;
text-align
:center
;
border
:
2px
solid
#353639
;
border-radius
:
0px
;
background
:
#28292c
;}
.cab_coupon_input
{
width
:
100%
;
height
:
100%
;
background
:transparent
!
important
;
border
:none
;
text-align
:center
;
color
:
#ff9000
;
font-size
:
20px
;
font-weight
:
300
;}
.
cab_coupon_input
:
:-
webkit-input-placeholder
{
color
:
#ff9000
;}
.
cab_coupon_input
:
:-
moz-placeholder
{
color
:
#ff9000
;}
.
cab_coupon_input
:
-
ms-input-placeholder
{
color
:
#ff9000
;}
.
cab_coupon_input
:
-
moz-placeholder
{
color
:
#ff9000
;}
.cab_coupon_bg
{
background
:
#2e2f32
!
important
;}
.cab_coupon_wrapper
p
{
color
:
#fff
;
text-align
:center
;
margin
:
0px
;
line-height
:
18px
;
font-weight
:
300
;
letter-spacing
:
1px
;
padding-top
:
40px
;
padding-bottom
:
40px
;}
.cab_coupon_apply
{
width
:
100%
;
height
:
50px
;
border-radius
:
0px
;
text-align
:center
;
background
:
#ff9000
;
font-size
:
18px
;
font-weight
:
400
;
color
:
#fff
;
letter-spacing
:
4px
;}
.cab_coupon_content
{
width
:
100%
;
padding
:
20px
;}
.cab_coupon_content
li
{
width
:
100%
;
list-style
:none
!
important
;
padding-top
:
10px
;
padding-bottom
:
10px
;
border-bottom
:
1px
solid
#353639
;}
.cab_coupon_content
li
.child
{
width
:
50%
;
float
:left
;
color
:
#8d8c8c
;
font-size
:
15px
;}
.cab_coupon_content
p
{
color
:
#ff9000
;
text-align
:left
;
padding-bottom
:
20px
;
padding-top
:
20px
;
font-size
:
18px
;}
/* SEARCH-RESULT-PAGE */
.cab_search_result_page
{
width
:
100%
;}
.cab_search_result_page
ul
{
width
:
100%
;
margin
:
0px
;
padding
:
10px
;}
.cab_search_result_page
ul
li
{
width
:
100%
;
border-bottom
:
1px
solid
#4a4a4a
;
padding-top
:
15px
;
padding-bottom
:
15px
;
padding-left
:
10px
;}
.cab_search_result_page
p
{
color
:
#fff
;
margin
:
0px
;
font-size
:
18px
;
font-weight
:
300
;
padding
:
10px
;
letter-spacing
:
4px
;}
.cab_search_result_page
ul
li
h5
{
color
:
#ff9000
;
margin
:
0px
;
padding
:
0px
;
padding-bottom
:
5px
;
font-size
:
14px
;
letter-spacing
:
1px
;
font-weight
:
400
;}
.cab_search_result_page
ul
li
h6
{
color
:
#929292
;
margin
:
0px
;
padding
:
0px
;
font-weight
:
400
;}
/*EDIT-PROFILE*/
.cab_edit_profile_wrapper
{
width
:
100%
;
padding-top
:
40px
;}
.cab_edit_profilepic_edit
{
width
:
100px
;
height
:
100px
;
margin
:
0
auto
;
position
:relative
;
border-radius
:
50%
;
border
:
2px
solid
#f7941e
;
background-color
:
#f7941e
!
important
;
background-size
:
25px
!
important
;
background
:
url(../assets/img/avatar.png)
;
background-position
:
center
;
background-repeat
:
no-repeat
;}
.cab_edit_profilepic_edit
img
{
width
:
100%
;
height
:
100%
;
border-radius
:
50%
;
object-fit
:cover
;
object-position
:center
;}
.cab_edit_profile_edit_form
{
width
:
100%
;
padding-top
:
20px
;}
.cab_edit_profile_edit_row
{
width
:
100%
;}
.cab_edit_profile_input
{
width
:
100%
;}
.edit_circle
{
width
:
30px
;
height
:
30px
;
position
:absolute
;
top
:
0px
;
right
:
0px
;
background-color
:
#f7941e
;
color
:
#fff
;
text-align
:center
;
border-radius
:
50%
;
padding
:
7px
;}
.edit_circle
input
{
width
:
100%
;
opacity
:
0
;
z-index
:
99
;
position
:
absolute
;
right
:
0px
;}
.edit_circle
ion-icon
{
position
:
absolute
;
top
:
6px
;
right
:
8px
;}
.picker-wrapper
{
background
:
#ff9000
!
important
;}
.picker-toolbar
{
background
:
#ff9000
!
important
;}
.single_btn
{
width
:
100%
!
important
}
.txt_cntr
{
text-align
:
center
}
.clr_wht
{
color
:
#fff
}
.rate_est
{
font-size
:
15px
;
padding-top
:
5px
}
.estim_li
{
padding-top
:
5px
!
important
;}
.button-md
:hover:not
(
.disable-hover
)
{
background
:
#f7941e
;
}
.loader
{
border
:
7px
solid
#fff
;
border-radius
:
50%
;
border-top
:
10px
solid
#ff9000
;
width
:
50px
;
height
:
50px
;
-webkit-animation
:
spin
2s
linear
infinite
;
/* Safari */
animation
:
spin
2s
linear
infinite
;
}
@-webkit-keyframes
spin
{
0
%
{
-webkit-transform
:
rotate
(
0deg
);
}
100
%
{
-webkit-transform
:
rotate
(
360deg
);
}
}
@keyframes
spin
{
0
%
{
transform
:
rotate
(
0deg
);
}
100
%
{
transform
:
rotate
(
360deg
);
}
}
\ No newline at end of file
src/pages/forgot/forgot.ts
View file @
cc157949
...
@@ -15,7 +15,8 @@ export class ForgotPage {
...
@@ -15,7 +15,8 @@ export class ForgotPage {
constructor
(
public
navCtrl
:
NavController
,
public
navParams
:
NavParams
,
private
formbuilder
:
FormBuilder
,
private
myservice
:
Myservice
)
{
constructor
(
public
navCtrl
:
NavController
,
public
navParams
:
NavParams
,
private
formbuilder
:
FormBuilder
,
private
myservice
:
Myservice
)
{
this
.
forgotForm
=
this
.
formbuilder
.
group
({
this
.
forgotForm
=
this
.
formbuilder
.
group
({
email
:
[
''
,
Validators
.
compose
([
Validators
.
required
,
Validators
.
pattern
(
"[a-zA-Z0-9.-_]{1,}@[a-zA-Z.-]{2,}[.]{1}[a-zA-Z]{2,}"
)])]
email
:
[
''
,
Validators
.
compose
([
Validators
.
required
,
Validators
.
pattern
(
"[a-zA-Z0-9.-_]{1,}@[a-zA-Z.-]{2,}[.]{1}[a-zA-Z]{2,}"
)])],
from
:[
'user'
]
})
})
}
}
...
...
src/pages/home/home.scss
View file @
cc157949
...
@@ -12,6 +12,6 @@ page-home {
...
@@ -12,6 +12,6 @@ page-home {
.
cab_location_input
:
-
ms-input-placeholder
{
color
:
#fff
;}
.
cab_location_input
:
-
ms-input-placeholder
{
color
:
#fff
;}
.
cab_location_input
:
-
moz-placeholder
{
color
:
#fff
;}
.
cab_location_input
:
-
moz-placeholder
{
color
:
#fff
;}
.cab_footer_btn_bay
{
width
:
100%
;}
.cab_footer_btn_bay
{
width
:
100%
;}
.cab_footer_btn
{
width
:
5
0%
;
height
:
50px
;
font-weight
:
300
;
letter-spacing
:
2px
;
border-radius
:
0px
!
important
;
background
:
#4d4d4d
;
color
:
#FFF
;
text-align
:
center
;
font-size
:
16px
;
margin
:
0px
;
text-transform
:
capitalize
!
important
;}
.cab_footer_btn
{
width
:
10
0%
;
height
:
50px
;
font-weight
:
300
;
letter-spacing
:
2px
;
border-radius
:
0px
!
important
;
background
:
#4d4d4d
;
color
:
#FFF
;
text-align
:
center
;
font-size
:
16px
;
margin
:
0px
;
text-transform
:
capitalize
!
important
;}
.cab_button_search
{
width
:
60px
;
height
:
60px
;
border-radius
:
50%
;
color
:
#fff
;
position
:
fixed
;
top
:
75px
;
right
:
0px
;
font-size
:
20px
;
border-top-right-radius
:
0px
;
border-bottom-right-radius
:
0px
;}
.cab_button_search
{
width
:
60px
;
height
:
60px
;
border-radius
:
50%
;
color
:
#fff
;
position
:
fixed
;
top
:
75px
;
right
:
0px
;
font-size
:
20px
;
border-top-right-radius
:
0px
;
border-bottom-right-radius
:
0px
;}
}
}
src/pages/landing/landing.scss
View file @
cc157949
...
@@ -11,7 +11,7 @@ page-landing {
...
@@ -11,7 +11,7 @@ page-landing {
.cab_logo
img
{
width
:
200px
;}
.cab_logo
img
{
width
:
200px
;}
.cab_footer
{
width
:
100%
;
text-align
:
center
;}
.cab_footer
{
width
:
100%
;
text-align
:
center
;}
.cab_footer
p
{
color
:
#3d3a3b
;
font-weight
:
500
;
font-size
:
18px
;}
.cab_footer
p
{
color
:
#3d3a3b
;
font-weight
:
500
;
font-size
:
18px
;}
.cab_footer
li
{
list-style
:
none
;
display
:
inline-block
;
color
:
#3d3a3b
;
font-size
:
3
5
px
;
margin
:
10px
;}
.cab_footer
li
{
list-style
:
none
;
display
:
inline-block
;
color
:
#3d3a3b
;
font-size
:
3
0
px
;
margin
:
10px
;}
.cab_sign_btn
{
height
:
45px
;
width
:
100%
;
background
:
#ff9c00
;
color
:
#fff
;
text-transform
:
capitalize
!
important
;
font-size
:
18px
;
font-weight
:
300
;}
.cab_sign_btn
{
height
:
45px
;
width
:
100%
;
background
:
#ff9c00
;
color
:
#fff
;
text-transform
:
capitalize
!
important
;
font-size
:
18px
;
font-weight
:
300
;}
.cab_sign_btn1
{
height
:
45px
;
width
:
100%
;
border
:
1px
solid
#ff9c00
;
color
:
#ff9c00
;
background
:transparent
;
text-transform
:
capitalize
!
important
;
font-size
:
18px
;
font-weight
:
300
;}
.cab_sign_btn1
{
height
:
45px
;
width
:
100%
;
border
:
1px
solid
#ff9c00
;
color
:
#ff9c00
;
background
:transparent
;
text-transform
:
capitalize
!
important
;
font-size
:
18px
;
font-weight
:
300
;}
.cab_form
p
{
color
:
#3d3a3b
;
font-weight
:
500
;
font-size
:
18px
;}
.cab_form
p
{
color
:
#3d3a3b
;
font-weight
:
500
;
font-size
:
18px
;}
...
...
src/pages/profile/profile.scss
View file @
cc157949
...
@@ -8,4 +8,24 @@ page-profile {
...
@@ -8,4 +8,24 @@ page-profile {
.edit_circle
{
width
:
30px
;
height
:
30px
;
position
:absolute
;
top
:
0px
;
right
:
0px
;
background-color
:
#f7941e
;
color
:
#fff
;
text-align
:center
;
border-radius
:
50%
;
padding
:
7px
;}
.edit_circle
{
width
:
30px
;
height
:
30px
;
position
:absolute
;
top
:
0px
;
right
:
0px
;
background-color
:
#f7941e
;
color
:
#fff
;
text-align
:center
;
border-radius
:
50%
;
padding
:
7px
;}
.edit_circle
input
{
width
:
100%
;
opacity
:
0
;
z-index
:
99
;
position
:
absolute
;
right
:
0px
;}
.edit_circle
input
{
width
:
100%
;
opacity
:
0
;
z-index
:
99
;
position
:
absolute
;
right
:
0px
;}
.edit_circle
ion-icon
{
position
:
absolute
;
top
:
6px
;
right
:
8px
;}
.edit_circle
ion-icon
{
position
:
absolute
;
top
:
6px
;
right
:
8px
;}
.picker-wrapper
{
background
:
#ff9000
!
important
;}
.picker-toolbar
{
background
:
#ff9000
!
important
;}
.single_btn
{
width
:
100%
!
important
}
.txt_cntr
{
text-align
:
center
}
.clr_wht
{
color
:
#fff
}
.rate_est
{
font-size
:
15px
;
padding-top
:
5px
}
.estim_li
{
padding-top
:
5px
!
important
;}
.button-md
:hover:not
(
.disable-hover
)
{
background
:
#f7941e
;
}
.cab_phone_number
{
width
:
100%
;
height
:
50px
;
border-bottom
:
2px
solid
#ff9c00
;}
.cab_phone_code
{
width
:
50px
;
height
:
100%
;
-webkit-appearance
:
none
;
-moz-appearance
:
none
;
background
:
transparent
!
important
;
text-align
:
center
;
border
:none
;
padding-left
:
10px
;
color
:
#3d3a3b
;
font-size
:
18px
;}
.cab_phone_code
option
{
text-align
:
center
;}
.cab_phone_input
{
width
:calc
(
100
%
-
50px
)
;
height
:
100%
;
border
:none
;
color
:
#3d3a3b
;
font-size
:
18px
;
padding-left
:
10px
;
padding-right
:
20px
;}
.
cab_phone_input
:
:-
webkit-input-placeholder
{
color
:
#3d3a3b
;}
.
cab_phone_input
:
:-
moz-placeholder
{
color
:
#3d3a3b
;}
.
cab_phone_input
:
-
ms-input-placeholder
{
color
:
#3d3a3b
;}
.
cab_phone_input
:
-
moz-placeholder
{
color
:
#3d3a3b
;}
.cab_footer_btn
{
width
:
50%
;
height
:
50px
;
font-weight
:
300
;
letter-spacing
:
2px
;
border-radius
:
0px
!
important
;
background
:
#4d4d4d
;
color
:
#FFF
;
text-align
:
center
;
font-size
:
16px
;
margin
:
0px
;
text-transform
:
capitalize
!
important
;}
}
}
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment