This is an automated email from the ASF dual-hosted git repository. yumeng pushed a commit to branch revert-199-overhaul/new-vi in repository https://gitbox.apache.org/repos/asf/incubator-devlake-website.git
commit 37325aba2fc869698e9ac69f59c150efe0c42573 Author: Yumeng Wang <[email protected]> AuthorDate: Wed Sep 14 18:39:24 2022 +0800 Revert "feat: mobile remove oversized asset" This reverts commit fe6f616f1c6aab1cbb46d17a7d681128dd707508. --- src/components/Sections/HomepageHeader.tsx | 4 +--- src/components/Sections/UseCases.tsx | 7 +++---- src/components/Sections/UserFlow.tsx | 4 ++-- src/components/Sections/WhyDevlake.tsx | 1 - src/css/custom.css | 4 ++-- tailwind.config.js | 3 --- 6 files changed, 8 insertions(+), 15 deletions(-) diff --git a/src/components/Sections/HomepageHeader.tsx b/src/components/Sections/HomepageHeader.tsx index 90f78767e..ef77e7de3 100644 --- a/src/components/Sections/HomepageHeader.tsx +++ b/src/components/Sections/HomepageHeader.tsx @@ -12,9 +12,7 @@ export function HomepageHeader() { flex justify-between items-center" > - <HeaderBgSvg className=' - absolute top-[0px] left-[0px] - mobile:hidden' /> + <HeaderBgSvg className='absolute top-[0px] left-[0px]' /> <div className=" z-10 flex flex-col flex-nowrap diff --git a/src/components/Sections/UseCases.tsx b/src/components/Sections/UseCases.tsx index 030d275ff..659ae6af5 100644 --- a/src/components/Sections/UseCases.tsx +++ b/src/components/Sections/UseCases.tsx @@ -32,13 +32,12 @@ const UCIcon = ({ src }: { src: string }) => <img src={src} alt='' className=" export function UseCases() { return (<div className="flex flex-col relative items-center - h-[1206px] mobile:h-auto"> - <BG className='absolute z-0 mobile:hidden' /> + h-[1206px] "> + <BG className='absolute z-0' /> <span className="section-title text-center mt-7" >Use Cases</span> - <div className="grid grid-cols-2 gap-x-[72px] gap-y-6 - mobile:grid-cols-1"> + <div className="grid grid-cols-2 gap-x-[72px] gap-y-6"> <UCCard lead="Open-source Software Maintainers" title="Contribution Analysis for Community Growth" diff --git a/src/components/Sections/UserFlow.tsx b/src/components/Sections/UserFlow.tsx index a58dce0a8..3393529ac 100644 --- a/src/components/Sections/UserFlow.tsx +++ b/src/components/Sections/UserFlow.tsx @@ -22,7 +22,7 @@ const Card = ({ icon, text, children }: { <div className="mt-5 text-label18 font-inter pr-3">{children}</div> </div>) -const Arrow = () => <div className="h-[140px] flex items-center mobile:hidden"><BlueArrow /></div> +const Arrow = () => <div className="h-[140px] flex items-center"><BlueArrow /></div> export function UserFlow() { return ( @@ -30,7 +30,7 @@ export function UserFlow() { <span className="section-title text-center mt-[72px] mb-6" >User Flow</span> - <div className="flex mb-[72px] mobile:flex-col"> + <div className="flex mb-[72px]"> <Card icon={<UF1 width={40} height={40} />} text="Set up DevLake" diff --git a/src/components/Sections/WhyDevlake.tsx b/src/components/Sections/WhyDevlake.tsx index ff71a1814..a5405660c 100644 --- a/src/components/Sections/WhyDevlake.tsx +++ b/src/components/Sections/WhyDevlake.tsx @@ -60,7 +60,6 @@ export function WhyDevlake() { flex flex-col px-[140px] mb-[72px] space-y-7 - mobile:px-[0px] "> <Feature> <C.SectionImg src={WAD1} /> diff --git a/src/css/custom.css b/src/css/custom.css index 9b8bef00b..20b071b41 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -41,8 +41,8 @@ html[data-theme='dark'] .docusaurus-highlight-code-line { @apply flex items-center justify-center w-[160px] h-[48px]; @apply hover:no-underline hover:text-neutral-invert; @apply text-neutral-invert text-[16px] leading-[20px] font-semibold; - @apply rounded-[10px]; - @apply shadow-sm shadow-primary/20 ; + @apply rounded-[4.9px] lg:rounded-[10px]; + @apply shadow-sm shadow-primary/20 lg:shadow-lg lg:shadow-primary/20; } .section-title { diff --git a/tailwind.config.js b/tailwind.config.js index 788fb62d2..cd66e41e2 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -10,9 +10,6 @@ module.exports = { fontFamily: { inter: ['"Inter"', ...defaultTheme.fontFamily.sans], }, - screens: { - 'mobile': { 'max': '375px' }, - }, spacing: { 1: '8px', 2: '12px',
