more suggested changes

asyncapi · Aug 7, 2023 · 1cd76a4 · 1cd76a4
1 parent 0ba9d7d
commit 1cd76a4
Show file tree

Hide file tree

Showing 8 changed files with 13 additions and 12 deletions.
diff --git a/components/About/about.js b/components/About/about.js
@@ -16,7 +16,7 @@ function About() {
 						>
 							<img src='/img/hand.png' className='w-[660px]' />
 						</div>
-						<div className='w-[600px] ml-10 lg:w-full lg:text-center'>
+						<div className='w-[600px] ml-10 lg:ml-0 lg:w-full lg:text-center'>
 							<Heading className='text-white'>
 								About AsyncAPI Conf on Tour 2023?
 							</Heading>

diff --git a/components/Form/subscription.js b/components/Form/subscription.js
@@ -7,7 +7,7 @@ function Subcription() {
 				<h3 className='text-[32px] text-white lg:text-center'>
 					Subscribe for AACoT’23 updates!
 				</h3>
-				<a href='https://www.asyncapi.com/newsletter' target='_blank' rel="noreferrer">
+				<a href='https://www.asyncapi.com/newsletter' target='_blank' rel="noreferrer" className='sm:w-full'>
 					<button
 						type='submit'
 						className='w-[299px] lg:w-full bg-[#875AE2] h-[84px] mt-[40px] text-[24px] text-white rounded-lg lg:mt-6'

diff --git a/components/Navbar/navDrop.js b/components/Navbar/navDrop.js
@@ -6,7 +6,7 @@ import Dropdown from '../illustration/dropdown';
 function NavDrop() {
     const [show, setShow] = useState(null);
   return (
-		<div className='absolute top-16 w-full bg-[#1B1130]'>
+		<div className='absolute ml-[-16px] top-16 w-full bg-[#1B1130]'>
 			<div className='flex flex-col p-4 pb-8 w-full'>
 				{links.map((link) => {
 					return (

diff --git a/components/Slider/slider.js b/components/Slider/slider.js
@@ -5,20 +5,21 @@ import { useMediaQuery } from 'react-responsive';
 
 function ReactSlider({ children }) {
 	const isTablet = useMediaQuery({ maxWidth: '1224px' });
+	const isMobile = useMediaQuery({ maxWidth: '590px' });
 	const [slides, setSlides] = useState(2);
 
 	useEffect(() => {
-		if (isTablet) {
+		if (isMobile) {
 			setSlides(1);
 		}
-	}, [isTablet]);
+	}, [isMobile]);
 	const slider = useRef(null);
 	const settings = {
 		dots: true,
 		speed: 500,
 		slidesToShow: slides,
-		slidesToScroll: 2,
-		variableWidth: true,
+		slidesToScroll: slides,
+		variableWidth: isMobile ? false : true,
 		arrows: false,
 		appendDots: (dots) => (
 			<div

diff --git a/components/Sponsors/sponsors.js b/components/Sponsors/sponsors.js
@@ -18,7 +18,7 @@ function Sponsors({imgs}) {
 				<div className='flex justify-center mt-[40px] w-[650px] sm:w-full sm:flex-col sm:justify-center sm:items-center'>
 					{imgs &&
 						imgs.map((img) => (
-							<div key={img} className='w-[300px] flex items-center'>
+							<div key={img} className='w-[300px] flex items-center sm:mt-6'>
 								<img src={img} alt={img} className='' />
 							</div>
 						))}

diff --git a/components/Venue/venue.js b/components/Venue/venue.js
@@ -5,8 +5,8 @@ import Paragraph from '../Typography/paragraph';
 
 function Venue({ className, city }) {
 	return (
-		<div className={`w-[500px] sm:w-[400px] ${className}`}>
-			<div className='w-[450px] sm:w-[400px] sm:h-[320px] card-bg flex items-center justify-center p-10'>
+		<div className={`w-[500px] sm:w-auto ${className}`}>
+			<div className='w-[450px] sm:w-auto sm:h-[320px] card-bg flex items-center justify-center p-10'>
 				<img src={city.img} className='sm:w-[350px] h-[250px] rounded-lg' />
 			</div>
 

diff --git a/config/city-lists.json b/config/city-lists.json
@@ -11,7 +11,7 @@
 	{
 		"name": "Madrid",
 		"country": "Spain",
-		"date": "October 18-19, 2023",
+		"date": "October 19, 2023",
 		"description": "Join us in Madrid for AsyncAPI Conference and learn how to speak fluent API! Let's taco 'bout messaging and have a fiesta you won't forget!",
 		"img": "https://images.unsplash.com/photo-1539037116277-4db20889f2d4?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80",
 		"address": "Sngular Madrid, C. de Labastida, 1, 28034 Madrid, Spain",

diff --git a/pages/venue/[id].js b/pages/venue/[id].js
@@ -53,7 +53,7 @@ function Venue({ city }) {
 		<div>
 			<div className='w-full h-[673px] sm:h-[auto] bg-madrid bg-cover bg-center'>
 				<div className='w-full h-full kinda-dark items-center flex flex-col justify-between'>
-					<div className='mt-[82px] flex flex-col items-center w-[659px] sm:w-full sm:text-center'>
+					<div className='mt-[82px] container text-center flex flex-col items-center w-[1100px] sm:w-full sm:text-center'>
 						<Heading className='text-white'>
 							{city.name}, {city.country}
 						</Heading>