From bf98dc088539b579a5f4075892a07924709d9b9d Mon Sep 17 00:00:00 2001 From: JacobDChamberlain Date: Mon, 25 Dec 2023 22:05:30 -0600 Subject: [PATCH 1/2] add button to signify horizontal scroll --- src/components/ImageSwiper/ImageSwiper.js | 1 + .../Pages/Merch/StoreItem/StoreItem.css | 22 ++++++++++++++++++- 2 files changed, 22 insertions(+), 1 deletion(-) diff --git a/src/components/ImageSwiper/ImageSwiper.js b/src/components/ImageSwiper/ImageSwiper.js index 23b9dec..6768c21 100644 --- a/src/components/ImageSwiper/ImageSwiper.js +++ b/src/components/ImageSwiper/ImageSwiper.js @@ -19,6 +19,7 @@ export default function ImageSwiper({ images }) { { images.map( image => ( cool shirt brah + ))} diff --git a/src/components/Pages/Merch/StoreItem/StoreItem.css b/src/components/Pages/Merch/StoreItem/StoreItem.css index bf97bde..30d9be6 100644 --- a/src/components/Pages/Merch/StoreItem/StoreItem.css +++ b/src/components/Pages/Merch/StoreItem/StoreItem.css @@ -13,6 +13,8 @@ height: 400px; width: 400px; + + position: relative; } .store-item-info { @@ -33,4 +35,22 @@ .store-item-purchase-button:hover { cursor: pointer; background-color: orange; -} \ No newline at end of file +} + + + +.next-button { + position: absolute; + top: 50%; + right: 10px; + border-radius: 40px; +} + + + +/* to place a button over an image +( to signify horizontal scrolling ), +make the image position: relative, +and the button position: absolute, +with top: 10px, left: 10px, etc +to position the button over the image */ \ No newline at end of file From 29baa83ca6568291b7609e00ca4e67a594abe6af Mon Sep 17 00:00:00 2001 From: JacobDChamberlain Date: Sat, 20 Jan 2024 13:54:15 -0600 Subject: [PATCH 2/2] centered about text, updated contact & shows --- src/components/Pages/About/About.css | 1 + src/components/Pages/Contact/Contact.js | 2 +- src/components/Pages/Shows/Shows.js | 2 +- 3 files changed, 3 insertions(+), 2 deletions(-) diff --git a/src/components/Pages/About/About.css b/src/components/Pages/About/About.css index f639c12..c786a6b 100644 --- a/src/components/Pages/About/About.css +++ b/src/components/Pages/About/About.css @@ -49,4 +49,5 @@ display: flex; flex-direction: column; padding: 10px 10%; + align-items: center; } \ No newline at end of file diff --git a/src/components/Pages/Contact/Contact.js b/src/components/Pages/Contact/Contact.js index 080cf50..09a6a6a 100644 --- a/src/components/Pages/Contact/Contact.js +++ b/src/components/Pages/Contact/Contact.js @@ -4,7 +4,7 @@ import './Contact.css'; export default function Contact() { return (
- CONTACT + MaldeveraTX@gmail.com
) } \ No newline at end of file diff --git a/src/components/Pages/Shows/Shows.js b/src/components/Pages/Shows/Shows.js index d27ef76..d7511a5 100644 --- a/src/components/Pages/Shows/Shows.js +++ b/src/components/Pages/Shows/Shows.js @@ -4,7 +4,7 @@ import './Shows.css'; export default function Shows() { return (
- SHOWS + 2024 Dates Coming Soon..
) } \ No newline at end of file