LLM/DocsGPT
1
0
Fork 0
mirror of https://github.com/arc53/DocsGPT.git synced 2025-11-29 08:33:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix_hero

Browse Source 
Fix of hero section for chrome and firefox. Fix of conversations-container pushing containers below.
This commit is contained in:
Pavel
2023-12-10 16:28:20 +03:00
parent a62566e8fb
commit d43927a167
2 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/Hero.tsx
View File

@@ -36,14 +36,14 @@ export default function Hero({ className = '' }: { className?: string }) {
<div
className={`sections ${
isMobile ? '' : 'mt-1'
} flex flex-wrap items-center justify-center gap-2 sm:gap-1 md:gap-0`}
} flex flex-wrap items-center justify-center gap-2 lg:gap-1 xl:gap-0`}
>
{/* first */}
<div className=" rounded-[50px] bg-gradient-to-l from-[#6EE7B7]/70 via-[#3B82F6] to-[#9333EA]/50 p-1 md:rounded-tr-none md:rounded-br-none">
<div className=" rounded-[50px] bg-gradient-to-l from-[#6EE7B7]/70 via-[#3B82F6] to-[#9333EA]/50 p-1 xl:rounded-tr-none xl:rounded-br-none">
<div
className={`h-full rounded-[45px] bg-white p-${
isMobile ? '3.5' : '6 py-8'
} md:rounded-tr-none md:rounded-br-none`}
isMobile ? '3.5' : '6 py-6'
} xl:rounded-tr-none xl:rounded-br-none`}
>
{/* Add Mobile check here */}
{isMobile ? (
@@ -84,11 +84,11 @@ export default function Hero({ className = '' }: { className?: string }) {
</div>
</div>
{/* second */}
<div className=" rounded-[50px] bg-gradient-to-r from-[#6EE7B7]/70 via-[#3B82F6] to-[#9333EA]/50 p-1 md:rounded-none md:py-1 md:px-0">
<div className=" rounded-[50px] bg-gradient-to-r from-[#6EE7B7]/70 via-[#3B82F6] to-[#9333EA]/50 p-1 xl:rounded-none xl:py-1 xl:px-0">
<div
className={`rounded-[45px] bg-white p-${
isMobile ? '3.5' : '6 py-6'
} md:rounded-none`}
} xl:rounded-none`}
>
{/* Add Mobile check here */}
{isMobile ? (
@@ -121,11 +121,11 @@ export default function Hero({ className = '' }: { className?: string }) {
</div>
</div>
{/* third */}
<div className=" rounded-[50px] bg-gradient-to-l from-[#6EE7B7]/80 via-[#3B82F6] to-[#9333EA]/50 p-1 md:rounded-tl-none md:rounded-bl-none ">
<div className=" rounded-[50px] bg-gradient-to-l from-[#6EE7B7]/80 via-[#3B82F6] to-[#9333EA]/50 p-1 xl:rounded-tl-none xl:rounded-bl-none ">
<div
className={`firefox rounded-[45px] bg-white p-${
className={`rounded-[45px] bg-white p-${
isMobile ? '3.5' : '6 px-6 '
} lg:rounded-tl-none lg:rounded-bl-none`}
} xl:rounded-tl-none xl:rounded-bl-none`}
>
{/* Add Mobile check here */}
{isMobile ? (

2
frontend/src/Navigation.tsx
View File

@@ -242,7 +242,7 @@ export default function Navigation({ navOpen, setNavOpen }: NavigationProps) {
</p>
</NavLink>
{conversations && (
<div className="conversations-container max-h-[25rem] overflow-y-auto">
<div className="conversations-container max-h-[19rem] overflow-y-auto">
<p className="ml-6 mt-3 text-sm font-semibold">Chats</p>
{conversations?.map((conversation) => (
<ConversationTile