Skip to content
Toggle navigation
Toggle navigation
This project
Loading...
Sign in
Jay Mehta
/
zango-frontend
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Registry
Graphs
Issues
0
Merge Requests
0
Wiki
Network
Create a new issue
Jobs
Commits
Issue Boards
Files
Commits
Network
Compare
Branches
Tags
Commit 564e5ed2
authored
11 months ago
by
Ravindra Kanojiya
Browse Files
Options
Browse Files
Tag
Download
Email Patches
Plain Diff
updated ui
1 parent
62a89dce
Expand all
Hide whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
45 additions
and
19 deletions
components/detail/DetailInfo.js
components/gift-card/GiftCard.js
components/layout/Header.js
components/vendor/UpdateActivity.js
styles/globals.css
components/detail/DetailInfo.js
View file @
564e5ed
...
...
@@ -47,6 +47,7 @@ const DetailInfo = ({ activityById }) => {
const
[
showshareWidget
,
setshowshareWidget
]
=
useState
(
false
);
const
{
loadedUser
}
=
useSelector
(
state
=>
state
.
loadedUser
);
const
{
endUser
}
=
useSelector
(
state
=>
state
.
endUser
);
console
.
log
(
"endUser"
,
endUser
)
useEffect
(()
=>
{
const
fetchSession
=
async
()
=>
{
setSession
(
await
getSession
());
...
...
@@ -190,21 +191,29 @@ const DetailInfo = ({ activityById }) => {
<
h2
>
Send
Enquiry
<
/h2
>
<
/Modal.Header
>
<
Modal
.
Body
>
<
div
>
Experience
Name
:
<
/div
>
<
div
className
=
"text01"
>
{
activityById
.
data
.
attributes
.
name
}
<
/div
>
<
div
className
=
"mt-3"
>
Full
Name
:
<
/div
>
<
div
className
=
"text01"
>
{
endUser
?.
attributes
.
name
}
<
/div
>
<
div
className
=
"mt-3"
>
Mobile
:
<
/div
>
<
div
className
=
"text01"
>
{
endUser
?.
attributes
.
phone
}
<
/div
>
<
div
className
=
"mt-3"
>
Email
ID
:
<
/div
>
<
div
className
=
"text01"
>
{
endUser
?.
attributes
.
email
}
<
/div
>
<
div
className
=
"row d-flex justify-content-center"
>
<
div
className
=
"mt-3"
>
Experience
Name
:
<
/div
>
<
div
className
=
"text01"
>
{
activityById
.
data
.
attributes
.
name
}
<
/div
>
<
div
className
=
"row d-flex justify-content-center mt-2"
>
<
div
className
=
"col-6"
>
<
div
className
=
"m
t
-2"
>
Quantity
:
<
/div
>
<
div
className
=
"m
y
-2"
>
Quantity
:
<
/div
>
<
Input
type
=
"number"
onChange
=
{
e
=>
{
...
...
@@ -214,7 +223,7 @@ const DetailInfo = ({ activityById }) => {
><
/Input
>
<
/div
>
<
div
className
=
"col-6"
>
<
div
className
=
"m
t
-2"
>
Date
:
<
/div
>
<
div
className
=
"m
y
-2"
>
Date
:
<
/div
>
<
div
className
=
""
>
<
DatePicker
...
...
@@ -234,7 +243,7 @@ const DetailInfo = ({ activityById }) => {
<
/div
>
<
Button
disabled
=
{
loading
||
!
quantity
}
className
=
"mt-
2
col-12"
className
=
"mt-
4
col-12"
onClick
=
{
async
()
=>
{
setloading
(
true
);
console
.
log
(
"hello"
);
...
...
This diff is collapsed.
Click to expand it.
components/gift-card/GiftCard.js
View file @
564e5ed
This diff is collapsed.
Click to expand it.
components/layout/Header.js
View file @
564e5ed
...
...
@@ -90,7 +90,7 @@ const Header = () => {
<
/Navbar.Brand
>
{
loadedUser
&&
loadedUser
.
id
?
(
<
div
className
=
"top-btn hide-on-desktop"
>
<
div
className
=
"logout-bk"
>
<
div
className
=
"logout-bk"
ref
=
{
logoutBkRef
}
>
<
a
onClick
=
{
toggleGridViewDropdown
}
className
=
"user-icon"
>
<
span
className
=
"image-container user-pic"
>
<
Image
layout
=
"fill"
priority
alt
=
""
className
=
"image img-fluid"
src
=
"/images/icons/user.svg"
/>
...
...
@@ -100,7 +100,7 @@ const Header = () => {
<
/span
>
<
/a
>
{
/* <p>{loadedUser.phone}</p> */
}
<
div
ref
=
{
logoutBk
Ref
}
className
=
{
`inner-box
${
isGridViewOpen
?
"open"
:
""
}
`
}
>
<
div
ref
=
{
innerBox
Ref
}
className
=
{
`inner-box
${
isGridViewOpen
?
"open"
:
""
}
`
}
>
{
endUser
&&
(
<
div
className
=
"user-info"
>
<
div
className
=
"pic"
>
...
...
@@ -288,7 +288,7 @@ const Header = () => {
<>
{
endUser
&&
endUser
.
id
?
(
<
div
className
=
"top-btn hide-on-mobile"
>
<
div
className
=
"logout-bk"
>
<
div
className
=
"logout-bk"
ref
=
{
logoutBkRef
}
>
<
a
onClick
=
{
toggleGridViewDropdown
}
className
=
"user-icon"
>
<
span
className
=
"image-container user-pic"
>
<
Image
layout
=
"fill"
priority
alt
=
""
className
=
"image img-fluid"
src
=
"/images/icons/user.svg"
/>
...
...
This diff is collapsed.
Click to expand it.
components/vendor/UpdateActivity.js
View file @
564e5ed
...
...
@@ -1053,7 +1053,7 @@ const UpdateActivity = () => {
<
/li
>
<
li
>
<
img
src
=
"/images/vendor/call.svg"
className
=
"img-fluid"
/>
<
p
className
=
"number"
>+
1
(
407
)
8798
789
asdasd
<
/p
>
<
p
className
=
"number"
>+
1
(
407
)
8798
789
<
/p
>
<
/li
>
<
/ul
>
<
/div
>
...
...
This diff is collapsed.
Click to expand it.
styles/globals.css
View file @
564e5ed
...
...
@@ -374,6 +374,7 @@ header {
.header-search
.rbt
.rbt-input-main
{
padding-right
:
2.5rem
;
font-size
:
0.833vw
;
width
:
18vw
;
}
.header-search
>
.form-control
{
...
...
@@ -2051,14 +2052,18 @@ span.form-error,
height
:
calc
(
25px
+
(
25
-
25
)
*
(
100vw
-
320px
)
/
(
1920
-
320
))
!important
;
padding-top
:
7px
;
}
.modal-01-session
h2
{
font-size
:
calc
(
32px
+
(
32
-
32
)
*
(
100vw
-
320px
)
/
(
1920
-
320
));
line-height
:
calc
(
4
4px
+
(
44
-
44
)
*
(
100vw
-
320px
)
/
(
1920
-
320
));
font-size
:
calc
(
28px
+
(
28
-
28
)
*
(
100vw
-
320px
)
/
(
1920
-
320
));
line-height
:
calc
(
4
0px
+
(
40
-
40
)
*
(
100vw
-
320px
)
/
(
1920
-
320
));
}
.modal-01-session
.text01
{
font-size
:
calc
(
20px
+
(
20
-
20
)
*
(
100vw
-
320px
)
/
(
1920
-
320
));
padding-top
:
0.2rem
;
padding-bottom
:
1rem
;
padding-bottom
:
0.5rem
;
}
.modal-header
{
padding-bottom
:
0
;
}
.info
.top-name
.title
{
font-size
:
0.885vw
;
...
...
@@ -2074,6 +2079,9 @@ span.form-error,
.cl-blue
{
color
:
#0a58ca
!important
;
}
.text-danger
{
font-size
:
0.8rem
;
}
.info
.rating-wishlist
.rating
{
background
:
#002c5f
;
border-radius
:
4px
;
...
...
@@ -4214,6 +4222,12 @@ footer .footer-link ul {
.vendor-signup
.btn-light
{
background
:
#fff
;
}
.modal-01-session
.modal-header
{
border
:
0
!important
;
}
.modal-01-session
.modal-content
{
padding
:
1rem
;
}
@media
(
min-width
:
992px
)
{
.navbar-expand-lg
.navbar-nav
.nav-link
{
margin
:
0
2rem
;
...
...
@@ -4232,7 +4246,7 @@ footer .footer-link ul {
position
:
relative
;
}
.navbar-expand-lg
.navbar-nav
.nav-link.gift-card
::after
{
/*
.navbar-expand-lg .navbar-nav .nav-link.gift-card::after {
content: "";
background: #000;
height: 2px;
...
...
@@ -4240,7 +4254,7 @@ footer .footer-link ul {
bottom: 0;
left: 0;
position: absolute;
}
}
*/
.navbar-expand-lg
.navbar-nav
.nav-link.gift-card
.image-container
{
width
:
21px
;
...
...
@@ -4272,7 +4286,7 @@ footer .footer-link ul {
position
:
relative
;
}
.navbar-expand-lg
.navbar-nav
.nav-link.gift-card
::after
{
/*
.navbar-expand-lg .navbar-nav .nav-link.gift-card::after {
content: "";
background: #000;
height: 2px;
...
...
@@ -4280,7 +4294,7 @@ footer .footer-link ul {
bottom: 0;
left: 0;
position: absolute;
}
}
*/
.navbar-expand-lg
.navbar-nav
.nav-link.gift-card
.image-container
{
width
:
1.094vw
;
...
...
@@ -4394,6 +4408,9 @@ footer .footer-link ul {
.vendor-signup
a
{
min-width
:
140px
;
}
.top-btn
.inner-box
{
right
:
-15vw
;
}
}
@media
(
max-width
:
767px
)
{
...
...
This diff is collapsed.
Click to expand it.
Write
Preview
Styling with
Markdown
is supported
Attach a file
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 post a comment