fixed mbile layout

This commit is contained in:
Samrat Malisetti 2024-07-18 23:06:28 -07:00
parent 58d590160d
commit db854d374a
3 changed files with 4 additions and 4 deletions

View file

@ -3,7 +3,7 @@ import { Loader, Loader2 } from "lucide-react";
const Generating = ({ className }: { className?: string }) => {
return (
<div
className={`flex items-center h-[3.5rem] px-6 bg-n-8/80 rounded-[1.7rem] ${
className={`flex items-center md:h-[3.5rem] px-6 bg-n-8/80 rounded-[1.7rem] ${
className || ""
} text-base`}
>

View file

@ -16,7 +16,7 @@ const Services = () => {
</div>
<div className="relative bg-page-gradient">
<div className="flex overflow-hidden relative items-center p-8 mb-5 rounded-3xl border lg:p-20 z-1 h-[39rem] border-white/20 xl:h-[46rem]">
<div className="flex overflow-hidden relative items-stretch p-8 mb-5 rounded-3xl border lg:p-20 z-1 h-[55rem] md:h-[45rem] border-white/20 xl:h-[46rem]">
<img
src="/images/tailwind-bg-gradient.avif"
className="absolute top-0 right-0 opacity-100 z-2"
@ -168,7 +168,7 @@ const Services = () => {
</div>
<div className="grid relative gap-5 lg:grid-cols-2 z-1">
<div className="overflow-hidden relative rounded-3xl border max-h-[20rem] min-h-[33rem] bg-hero-gradient bg-slate-950/10 border-white/10">
<div className="overflow-hidden relative rounded-3xl border max-h-[20rem] min-h-[40rem] md:min-h-[33rem] bg-hero-gradient bg-slate-950/10 border-white/10">
<div className="absolute inset-0">
<AnimatedBeamShow />
</div>

View file

@ -155,7 +155,7 @@ function FeaturesMobile() {
<Feature feature={feature} className="mx-auto max-w-2xl" isActive />
<div className="relative mt-10 pb-10">
<div className="absolute -inset-x-4 bottom-0 top-8 bg-page-gradient sm:-inset-x-6" />
<div className="relative mx-auto w-[52.75rem] overflow-hidden rounded-xl bg-glass-gradient shadow-lg shadow-gray-200/5 ring-1 ring-slate-500/10">
<div className="relative mx-auto lg:w-[52.75rem] md:w-[40rem] overflow-hidden rounded-xl bg-glass-gradient shadow-lg shadow-gray-200/5 ring-1 ring-slate-500/10">
<img
className="w-full"
src={`/images/${feature.image}`}