ourworld_web/www_ourverse_new
21
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix responsive

Browse Source
This commit is contained in:
sasha-astiadi
2024-10-10 17:16:31 +02:00
parent 746b40794f
commit 706c0053fa
39 changed files with 53 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Collaborate.jsx
View File

@@ -31,7 +31,7 @@ export default function Collaborate() {
<div className="mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-2">
<div className="lg:ml-auto lg:pl-4 lg:pt-4">
<div className="lg:max-w-lg">
<p className="mt-2 h3-title-new h3-title-new ">Creative Collaboration</p>
<p className="mt-4 h3-title-new">Creative Collaboration</p>
<p className="mt-4 section-text font-display ">
Unleash your team’s creative potential in an immersive virtual playground where ideas come to life.
</p>

2
src/components/Experiences.jsx
View File

@@ -81,7 +81,7 @@ import {
</div>
</div>
<div className="mx-auto lg:mt-12 max-w-7xl px-6 mt-8 mb-12 lg:px-8">
<div className="mt-2 grid grid-cols-1 gap-x-8 grid-cols-2 gap-y-10 lg:grid-cols-3">
<div className="mt-2 grid grid-cols-1 gap-x-8 gap-y-10 lg:grid-cols-3">
{products.map((product) => (
<div key={product.id} className="group relative">
<div className="aspect-h-2 aspect-w-3 overflow-hidden rounded-lg bg-purple-100">

2
src/components/Featurehero.jsx
View File

@@ -17,7 +17,7 @@ export default function Featurehero() {
</div>
<div className="mx-auto max-w-7xl px-6 lg:px-8">
<div className="mx-auto max-w-2xl lg:mx-0">
<h2 className="lg:text-6xl font-semibold tracking-tight text-gradient-new2 text-xl">The Future of Collaboration</h2>
<h2 className="lg:text-6xl font-semibold tracking-tight text-gradient-new2 text-4xl">The Future of Collaboration</h2>
<p className="mt-6 section-text-light max-w-xl font-display">
Step into the future of communication and collaboration with immersive virtual environments.
OurVerse provides innovative tools that transform your events, meetings, and creative projects,

2
src/components/Footer2.jsx
View File

@@ -161,7 +161,7 @@ export default function Footer2() {
</ul>
</div>
<div>
<h3 className="text-sm font-semibold leading-6 text-purple-900">Partners</h3>
<h3 className="mt-10 md:mt-0 text-sm font-semibold leading-6 text-purple-900">Partners</h3>
<ul role="list" className="mt-6 space-y-4">
{navigation.partners.map((item) => (
<li key={item.name}>

2
src/components/HeroFeature.jsx
View File

@@ -48,7 +48,7 @@ import {
</div>
</div>
</div>
<div className="mt-4 mx-auto lg:mt-16 max-w-5xl px-6 mt-20 md:mt-24 lg:px-8 text-center items-center">
<div className="mx-auto lg:mt-16 mt-8 max-w-5xl px-6 md:mt-24 lg:px-8 text-center items-center">
<h2 className="text-intro">Generative AI 3D Tool</h2>
<p className="mt-4 h3-title-new text-center">Transform your Imagination into Immersive Reality </p>
<p className="mt-8 items-center align-center section-text font-display -ct">

2
src/components/blogs/Blog_1.jsx
View File

@@ -119,7 +119,7 @@ export default function Blog_1() {
</p>
</div>
<div className="mt-10 max-w-2xl">
<h2 className='text-2xl font-bold tracking-tight text-purple-900 lg:text-2xl text-xl mb-4'>Conclusion:</h2>
<h2 className='font-bold tracking-tight text-purple-900 lg:text-2xl text-xl mb-4'>Conclusion:</h2>
<p>
Hero-GPT marks a significant leap forward in the creation of virtual environments, providing unmatched ease of use,
flexibility, and creativity. Whether you're building a virtual world for gaming, real estate, education,

10
src/styles/tailwind.css
View File

@@ -242,7 +242,7 @@
font-weight: 600; /* Equivalent to font-semibold */
letter-spacing: -0.01em; /* Equivalent to tracking-tight */
line-height: 1.2; /* Equivalent to leading-normal */
font-size: 1.25rem; /* Equivalent to text-xl */
font-size: 1.5rem; /* Equivalent to text-xl */
background-color: #5e4589;
background-image: linear-gradient(45deg, #703bca 0%, #d33bc9 25%, #703bca 100%);
-webkit-background-clip: text;
@@ -269,8 +269,8 @@
}
.section-text-light {
font-size: 1.25rem; /* matches 'text-lg', adjust to match 'lg:text-xl' for responsive design */
letter-spacing: 0.015em; /* matches 'tracking-tight' */
font-size: 1.1rem; /* matches 'text-lg', adjust to match 'lg:text-xl' for responsive design */
letter-spacing: -0.015em; /* matches 'tracking-tight' */
line-height: 1.5rem; /* matches 'leading-tight' */
color: #ffffff
}
@@ -280,6 +280,10 @@
font-size: 1.25rem; /* matches 'lg:text-xl' for large screens */
line-height: 1.85rem; /* matches 'leading-tight' */
}
.section-text-light {
font-size: 1.25rem; /* matches 'lg:text-xl' for large screens */
line-height: 1.85rem; /* matches 'leading-tight' */
}
}