saulteafarmer/plebdevs
1
0
Fork 0
mirror of https://github.com/AustinKelsay/plebdevs.git synced 2025-05-19 08:22:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Few more small styling fixes on promotional carousel

Browse Source
This commit is contained in:
austinkelsay 2024-10-07 16:38:31 -05:00
parent befe9af718
commit 723179be81
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/content/carousels/InteractivePromotionalCarousel.js
View File

@ -76,13 +76,13 @@ const InteractivePromotionalCarousel = () => {
}, [selectedPromotion]); }, [selectedPromotion]);
return ( return (
<div className={`flex ${isTabView ? 'flex-col' : 'flex-row'} bg-gray-900 text-white m-4 mx-14 rounded-lg ${isTabView ? 'h-auto' : 'h-[620px]'} ${isTabView ? 'w-full mx-0 ml-0 mt-0' : null}`}> <div className={`flex ${isTabView ? 'flex-col' : 'flex-row'} bg-gray-900 text-white m-4 mx-14 rounded-lg rounded-tr-none rounded-br-none ${isTabView ? 'h-auto' : 'h-[620px]'} ${isTabView ? 'w-full mx-0 ml-0 mt-0' : null}`}>
<div className={isTabView ? 'w-full' : 'lg:w-2/3 relative'}> <div className={isTabView ? 'w-full' : 'lg:w-2/3 relative'}>
{selectedPromotion.video ? ( {selectedPromotion.video ? (
<video <video
ref={videoRef} ref={videoRef}
src={selectedPromotion.video} src={selectedPromotion.video}
className={`object-cover w-full ${isTabView ? 'h-[300px]' : 'h-full'} rounded-lg`} className={`object-cover w-full ${isTabView ? 'h-[300px]' : 'h-full'} rounded-lg rounded-tr-none rounded-br-none`}
loop loop
muted muted
playsInline playsInline
@ -93,7 +93,7 @@ const InteractivePromotionalCarousel = () => {
alt={selectedPromotion.title} alt={selectedPromotion.title}
width={800} width={800}
height={600} height={600}
className={`object-cover w-full ${isTabView ? 'h-[300px]' : 'h-full'} rounded-lg opacity-75`} className={`object-cover w-full ${isTabView ? 'h-[300px]' : 'h-full'} rounded-lg opacity-75 rounded-tr-none rounded-br-none`}
/> />
)} )}
{isTabView ? ( {isTabView ? (

2
src/components/content/carousels/MessagesCarousel.js
View File

@ -8,7 +8,7 @@ const MessageCarousel = ({ copyToClipboard }) => {
const messageTemplate = ({title, description, showGithub, showX, showNostr, showYoutube, showDonate, showFeedback}) => ( const messageTemplate = ({title, description, showGithub, showX, showNostr, showYoutube, showDonate, showFeedback}) => (
<div className="flex flex-col justify-between bg-gray-800 p-3 rounded-lg shadow-lg min-h-[182px]"> <div className="flex flex-col justify-between bg-gray-800 p-3 rounded-lg shadow-lg min-h-[182px]">
<p className="text-[#f8f8ff] text-[19px] font-semibold">{title}</p> <p className="text-[#f8f8ff] text-[18px] font-semibold">{title}</p>
<p className="text-[#f8f8ff]">{description}</p> <p className="text-[#f8f8ff]">{description}</p>
<div className="flex flex-wrap gap-4 justify-center"> <div className="flex flex-wrap gap-4 justify-center">
{showGithub && ( {showGithub && (