Skip to content

Commit

Permalink
fix: fixing visibility issue
Browse files Browse the repository at this point in the history 
Signed-off-by: SumantxD <[email protected]>
  • Loading branch information
@SumantxD
SumantxD committed May 20, 2023
1 parent 2e66667 commit 5ccee4e
Show file tree
Hide file tree
Showing 2 changed files with 11 additions and 11 deletions.
6 changes: 3 additions & 3 deletions components/Carousel.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@ export default function Carousel({
<div
className={`flex mx-auto mb-5 overflow-hidden justify-center ${
isFullscreen
? "fixed top-0 left-0 z-50 h-screen bg-white dark:bg-slate-700"
? "fixed top-0 left-0 z-50 h-screen bg-white dark:bg-slate-100"
: "w-[80vw] relative"
}`}
>
Expand All @@ -58,7 +58,7 @@ export default function Carousel({
index !== current && index < current ? "-translate-x-full" : ""
} w-full transition-all duration-700`}
>
{!item.video ? item.element : null}
{!item.video ? React.cloneElement(item.element, { alt: "Carousel Image" }) : null}
{index === current && item.video ? item.element : null}
<div
className={`${
Expand Down Expand Up @@ -116,7 +116,7 @@ export default function Carousel({
<button
key={"Carousel-screen"}
onClick={() => setIsFullscreen(!isFullscreen)}
className="opacity-75 hover:opacity-100 hover:scale-110 transition-all"
className="opacity-95 hover:opacity-100 hover:scale-110 transition-all"
>
{isFullscreen ? (
<svg
Expand Down
16 changes: 8 additions & 8 deletions pages/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -230,7 +230,7 @@ function HomePage() {
data={[
{
element: (
<section className="text-gray-600 body-font w-[500px] object-contain mx-auto -mt-12">
<section className="text-gray-800 body-font w-[500px] object-contain mx-auto -mt-12">
<div className="container px-5 py-24 mx-auto">
<div className="flex flex-wrap -m-4">
<div className="mb-6 p-4">
Expand All @@ -239,7 +239,7 @@ function HomePage() {
<p className="leading-relaxed">Microservices underline the need for event-based communication in distributed architectures. AsyncAPI brings the richness of the REST API ecosystem to asynchronous APIs.</p>
<span className="inline-block h-1 w-10 rounded bg-indigo-500 mt-6 mb-4"></span>
<h2 className="text-gray-900 font-medium title-font tracking-wider text-sm">Matt McLarty</h2>
<p className="text-gray-500">Global Leader of API Strategy at MuleSoft</p>
<p className="text-gray-700">Global Leader of API Strategy at MuleSoft</p>
</div>
</div>
</div>
Expand All @@ -249,7 +249,7 @@ function HomePage() {
},
{
element: (
<section className="text-gray-600 body-font w-[500px] object-contain mx-auto -mt-12">
<section className="text-gray-800 body-font w-[500px] object-contain mx-auto -mt-12">
<div className="container px-5 py-24 mx-auto">
<div className="flex flex-wrap -m-4">
<div className="mb-6 p-4">
Expand All @@ -258,7 +258,7 @@ function HomePage() {
<p className="leading-relaxed">Event-driven APIs need love too! AsyncAPI brings the many benefits of a machine/human readable specification to these nuanced approaches.</p>
<span className="inline-block h-1 w-10 rounded bg-indigo-500 mt-6 mb-4"></span>
<h2 className="text-gray-900 font-medium title-font tracking-wider text-sm">Bill Doerrfeld</h2>
<p className="text-gray-500">Editor in Chief at Nordic APIs</p>
<p className="text-gray-700">Editor in Chief at Nordic APIs</p>
</div>
</div>
</div>
Expand All @@ -268,7 +268,7 @@ function HomePage() {
},
{
element: (
<section className="text-gray-600 body-font w-[500px] object-contain mx-auto -mt-12">
<section className="text-gray-800 body-font w-[500px] object-contain mx-auto -mt-12">
<div className="container px-5 py-24 mx-auto">
<div className="flex flex-wrap -m-4">
<div className="mb-6 p-4">
Expand All @@ -277,7 +277,7 @@ function HomePage() {
<p className="leading-relaxed">Developers need to be able to quickly and consistently create event-driven applications that provide business value and react to customer needs in realtime. I can't count how many times I've heard developers ask for OpenAPI/Swagger style tools for the asynchronous and event driven world, and that is exactly what the AsyncAPI initiative is making a reality.</p>
<span className="inline-block h-1 w-10 rounded bg-indigo-500 mt-6 mb-4"></span>
<h2 className="text-gray-900 font-medium title-font tracking-wider text-sm">Jonathan Schabowsky</h2>
<p className="text-gray-500">Sr. Architect, Office of the CTO at Solace</p>
<p className="text-gray-700">Sr. Architect, Office of the CTO at Solace</p>
</div>
</div>
</div>
Expand All @@ -287,7 +287,7 @@ function HomePage() {
},
{
element: (
<section className="text-gray-600 body-font w-[500px] object-contain mx-auto -mt-12">
<section className="text-gray-800 body-font w-[500px] object-contain mx-auto -mt-12">
<div className="container px-5 py-24 mx-auto">
<div className="flex flex-wrap -m-4">
<div className="mb-6 p-4">
Expand All @@ -296,7 +296,7 @@ function HomePage() {
<p className="leading-relaxed">We’ve been focusing on event-driven APIs since 2014 and thank the AsyncAPI contributors everyday for driving the community towards common standards.</p>
<span className="inline-block h-1 w-10 rounded bg-indigo-500 mt-6 mb-4"></span>
<h2 className="text-gray-900 font-medium title-font tracking-wider text-sm">Eric Horesnyi</h2>
<p className="text-gray-500">CEO at Streamdata.io</p>
<p className="text-gray-700">CEO at Streamdata.io</p>
</div>
</div>
</div>
Expand Down

0 comments on commit 5ccee4e

Please sign in to comment.