Skip to content

Commit

Permalink
Slight change to responsiveness behaviour in ChooseServices screen
Browse files Browse the repository at this point in the history
  • Loading branch information
tom-blk committed Sep 13, 2024
1 parent fb37784 commit a9e69b4
Show file tree
Hide file tree
Showing 2 changed files with 4 additions and 3 deletions.
4 changes: 2 additions & 2 deletions src/cyborg/components/accessCompute/ChooseServices.js
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ function ChooseServices() {
return (
<div className="relative py-20 flex flex-col items-center justify-center md:py-0">
<h1 className="text-white">Choose Services</h1>
<div className="flex sm:flex-row flex-col gap-4 p-2">
<div className="flex flex-col sm:grid sm:grid-cols-2 lg:flex lg:flex-row gap-4 p-2">
<ServiceCard
logo={cyberdock}
title="Cyber Dock"
Expand All @@ -27,7 +27,7 @@ function ChooseServices() {
service={SERVICES.CYBER_DOCK}
/>
<ServiceCard logo={comingsoon} title="Coming Soon..." />
<ServiceCard logo={comingsoon} title="Coming Soon..." />
<ServiceCard additionalClasses='sm:col-span-2 sm:justify-self-center' logo={comingsoon} title="Coming Soon..." />
</div>
<div className="flex sm:flex-row flex-col gap-4 p-3">
<ServiceCard logo={comingsoon} title="Coming Soon..." />
Expand Down
3 changes: 2 additions & 1 deletion src/cyborg/components/accessCompute/ServiceCard.js
Original file line number Diff line number Diff line change
Expand Up @@ -4,9 +4,10 @@ const ServiceCard = ({
description = '',
setService,
service = null,
additionalClasses
}) => {
return (
<div className="border hover:ring-2 hover:ring-cb-gray-400 border-cb-gray-400 rounded-md w-80">
<div className={`${additionalClasses} border hover:ring-2 hover:ring-cb-gray-400 border-cb-gray-400 rounded-md w-80`}>
<div className="flex flex-col items-center focus:text-cb-green bg-cb-gray-600 h-full justify-between">
<a className="pt-10">
<img src={logo} />
Expand Down

0 comments on commit a9e69b4

Please sign in to comment.