Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
E
ecommerce-maven
Project
Project
Details
Activity
Releases
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
Ascend
ecommerce-maven
Commits
d4481f05
Commit
d4481f05
authored
May 08, 2021
by
Shaphen
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
[AFP-47 Shaphen Pangburn]: Add css reset file in resources to style from scratch
parent
9772c911
Changes
3
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
60 additions
and
2 deletions
+60
-2
product-market.jsx
ecom-web/src/components/product-market/product-market.jsx
+3
-2
product-market.css
ecom-web/src/resources/stylesheets/product-market.css
+16
-0
reset.css
ecom-web/src/resources/stylesheets/reset.css
+41
-0
No files found.
ecom-web/src/components/product-market/product-market.jsx
View file @
d4481f05
import
'../../resources/stylesheets/product-market.css'
;
import
'../../resources/stylesheets/product-market.css'
;
import
'../../resources/stylesheets/reset.css'
;
import
React
,
{
Component
}
from
'react'
import
React
,
{
Component
}
from
'react'
...
@@ -35,9 +36,9 @@ export default class ProductMarket extends Component {
...
@@ -35,9 +36,9 @@ export default class ProductMarket extends Component {
<
div
className=
"products-container"
>
<
div
className=
"products-container"
>
{
this
.
props
.
products
.
map
(
prod
=>
{
{
this
.
props
.
products
.
map
(
prod
=>
{
return
(
return
(
<
div
className=
"product-item"
key=
{
prod
.
sku
}
>
<
div
className=
"product-item
-container
"
key=
{
prod
.
sku
}
>
{
prod
.
productName
?
{
prod
.
productName
?
<
div
>
<
div
className=
"product-item"
>
<
img
id=
"prod-img"
src=
{
prod
.
productImageUrl
?
prod
.
productImageUrl
:
"-no photo-"
}
/>
<
img
id=
"prod-img"
src=
{
prod
.
productImageUrl
?
prod
.
productImageUrl
:
"-no photo-"
}
/>
<
p
id=
"prod-name"
>
{
prod
.
productName
}
</
p
>
<
p
id=
"prod-name"
>
{
prod
.
productName
}
</
p
>
<
p
id=
"prod-description"
>
{
prod
.
productDescription
}
</
p
>
<
p
id=
"prod-description"
>
{
prod
.
productDescription
}
</
p
>
...
...
ecom-web/src/resources/stylesheets/product-market.css
View file @
d4481f05
...
@@ -17,6 +17,22 @@
...
@@ -17,6 +17,22 @@
justify-content
:
center
;
justify-content
:
center
;
}
}
.product-item-container
{
width
:
25%
;
}
.product-item
{
width
:
100%
;
display
:
flex
;
flex-wrap
:
wrap
;
justify-content
:
center
;
}
#prod-img
{
#prod-img
{
height
:
200px
;
height
:
200px
;
}
#prod-name
,
#prod-description
,
#prod-price
{
width
:
100%
;
text-align
:
center
;
}
}
\ No newline at end of file
ecom-web/src/resources/stylesheets/reset.css
0 → 100644
View file @
d4481f05
/* CSS reset */
body
,
div
,
dl
,
dt
,
dd
,
ul
,
ol
,
li
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
pre
,
form
,
fieldset
,
input
,
textarea
,
p
,
blockquote
,
th
,
td
{
margin
:
0
;
padding
:
0
;
}
html
,
body
{
margin
:
0
;
padding
:
0
;
}
table
{
border-collapse
:
collapse
;
border-spacing
:
0
;
}
fieldset
,
img
{
border
:
0
;
}
input
{
border
:
1px
solid
#b0b0b0
;
padding
:
3px
5px
4px
;
color
:
#979797
;
width
:
190px
;
}
address
,
caption
,
cite
,
code
,
dfn
,
th
,
var
{
font-style
:
normal
;
font-weight
:
normal
;
}
ol
,
ul
{
list-style
:
none
;
}
caption
,
th
{
text-align
:
left
;
}
h1
,
h2
,
h3
,
h4
,
h5
,
h6
{
font-size
:
100%
;
font-weight
:
normal
;
}
q
:before
,
q
:after
{
content
:
''
;
}
abbr
,
acronym
{
border
:
0
;
}
\ No newline at end of file
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