-
Notifications
You must be signed in to change notification settings - Fork 3
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Charlotte/new pick up #92
Changes from 9 commits
83a7d69
1d57cf4
9f61fe8
20ce153
3add398
5dc651f
f595b64
a34ef2d
745b2a1
dfd7df1
37910e2
c7fa3e0
9b32140
816eb75
2756019
cf03702
b2ca068
21ff7aa
575b5dc
dbe06a2
b287da7
f9d3c30
1d4191b
704ad41
257f004
d3e08ac
d545b66
46a8b03
5330746
4cf1d70
c5f1306
0c497ff
1df609f
1f4afb5
73ccad5
d6d6ff7
c43336c
e1f3c07
5c2b151
85ab6a4
5ebb174
1c9ab4d
be5b777
eafc73c
0f37f3b
2fa888a
f258e5a
f6e18b5
358096c
e16534a
31dd383
f53a189
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -9,10 +9,11 @@ export const FavoriteDiv = styled.div` | |
flex-direction: row; | ||
align-items: center; | ||
justify-content: space-between; | ||
width: 100%; | ||
width: 750px; | ||
margin-bottom: 50px; | ||
margin-top: 30px; | ||
margin-right: 20px; | ||
gap: 40px; | ||
`; | ||
|
||
export const OutterFavoriteDiv = styled.div` | ||
|
@@ -22,36 +23,24 @@ export const OutterFavoriteDiv = styled.div` | |
border-radius: 10px; | ||
background: var(--White, #fff); | ||
box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.2); | ||
width: 800px; | ||
<<<<<<< HEAD | ||
======= | ||
width: 700px; | ||
>>>>>>> b287da70273f0befb5c5c6b437883b203f43b605 | ||
max-height: 100%; | ||
max-width: 750px; | ||
margin-top: 20px; | ||
margin-right: 60px; | ||
margin-left: 60px; | ||
padding-right: 20px; | ||
padding-left: 10px; | ||
padding-left: 40px; | ||
padding-top: 10px; | ||
`; | ||
|
||
export const ScrollDiv = styled.div` | ||
overflow: scroll; | ||
width: 100%; | ||
`; | ||
|
||
export const ImageDiv = styled.div` | ||
box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.08); | ||
width: 150px; | ||
height: 150px; | ||
margin-left: 30px; | ||
display: flex; | ||
justify-content: center; | ||
align-items: center; | ||
`; | ||
|
||
export const Wrapper = styled.div` | ||
padding: 15px; | ||
display: flex; | ||
justify-content: center; | ||
align-items: center; | ||
overflow-x: hidden; | ||
max-width: 100%; | ||
`; | ||
|
||
export const BackDiv = styled.button` | ||
|
@@ -110,18 +99,17 @@ export const Label = styled.p` | |
margin-top: 20px; | ||
`; | ||
|
||
export const LabelBox1 = styled.div` | ||
width: 250px; | ||
height: 100%; | ||
padding: 20px; | ||
export const ImageDiv = styled.p` | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. why is this a p tag |
||
width: 150px; | ||
height: 150px; | ||
align-items: center; | ||
justify-content: center; | ||
display: flex; | ||
`; | ||
|
||
export const LabelBox = styled.div` | ||
width: 150px; | ||
height: 100%; | ||
padding: 20px; | ||
gap: 50px; | ||
margin-right: 30px; | ||
`; | ||
|
||
export const HeaderText = styled.h3` | ||
|
@@ -226,23 +214,23 @@ export const LeftColumnDiv = styled.div` | |
flex-flow: column; | ||
justify-content: space-evenly; | ||
align-items: space-evenly; | ||
width: 100%; | ||
width: 800px; | ||
`; | ||
export const RightColumnDiv = styled.div` | ||
display: flex; | ||
flex-flow: column; | ||
align-items: start; | ||
margin-left: 10px; | ||
width: 100%; | ||
align-items: left; | ||
width: 475px; | ||
`; | ||
|
||
export const BackButtonDiv = styled.div` | ||
display: flex; | ||
flex-direction: row; | ||
text-align: left; | ||
width: 800px; | ||
margin-left: 80px; | ||
margin-top: 40px; | ||
margin-left: 40px; | ||
margin-bottom: 40px; | ||
margin-top: 20px; | ||
`; | ||
|
||
export const WhiteBackgroundDiv = styled.div` | ||
|
@@ -254,31 +242,41 @@ export const WhiteBackgroundDiv = styled.div` | |
box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.1); | ||
`; | ||
|
||
export const Wrapper2 = styled.div` | ||
display: flex; | ||
flex-direction: col; | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. does col work? There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. yes |
||
align-items: space-evenly; | ||
justify-content: space-around; | ||
`; | ||
|
||
export const BottomColumnDiv = styled.div` | ||
display: flex; | ||
flex-direction: row; | ||
align-items: space-evenly; | ||
justify-content: space-around; | ||
width: 100%; | ||
<<<<<<< HEAD | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. merge conflict |
||
margin-left: 20px; | ||
margin-right: 20px; | ||
======= | ||
margin-left: 10px; | ||
>>>>>>> b287da70273f0befb5c5c6b437883b203f43b605 | ||
margin-bottom: 30px; | ||
gap: 30px; | ||
gap: 10px; | ||
`; | ||
|
||
export const TextDiv = styled.div` | ||
display: flex; | ||
flex-direction: row; | ||
margin-left: 60px; | ||
margin-top: 20px; | ||
margin-bottom: 20px; | ||
margin-left: 20px; | ||
margin-top: 10px; | ||
margin-bottom: 10px; | ||
`; | ||
|
||
export const TextDiv1 = styled.div` | ||
display: flex; | ||
flex-direction: row; | ||
padding: 10px; | ||
margin-left: 20px; | ||
margin-top: 15px; | ||
margin-top: 20px; | ||
`; | ||
|
||
export const PageDiv = styled.div` | ||
|
@@ -287,22 +285,29 @@ export const PageDiv = styled.div` | |
justify-content: flex-start; | ||
align-items: flex-start; | ||
width: 100%; | ||
position: relative; | ||
margin-bottom: 40px; | ||
`; | ||
|
||
export const ShippingDetailsDiv = styled.div` | ||
|
||
display: flex; | ||
flex-direction: column; | ||
align-items: flex-start; | ||
border-radius: 10px; | ||
background: var(--White, #fff); | ||
box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.2); | ||
width: 467px; | ||
width: 475px; | ||
height: auto; | ||
max-height: 100%; | ||
padding: 36px 34px; | ||
gap: 33px; | ||
max-height: 100%; | ||
margin-top: 205px; | ||
<<<<<<< HEAD | ||
margin-top: 75px; | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. conflict |
||
======= | ||
margin-top: 93px; | ||
>>>>>>> b287da70273f0befb5c5c6b437883b203f43b605 | ||
margin-bottom: 30px; | ||
margin-right: 40px; | ||
`; | ||
|
@@ -320,6 +325,7 @@ export const CenterDiv = styled.div` | |
display: flex; | ||
align-items: center; | ||
justify-content: center; | ||
position: relative; | ||
width: 100%; | ||
padding: 20px; | ||
`; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
is this a merge conflict?