youwen5/eexiv
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix main page responsive design

Browse source
This commit is contained in:
Youwen Wu 2024-02-11 15:10:26 -08:00
parent e4b9eca7f7
commit aa84c011f5
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/app/components/News.tsx
View file

@ -1,6 +1,6 @@
export default function News() {
return (
<div className='bg-slate-800 rounded-lg p-6 w-full lg:max-w-lg md:max-w-md my-4 lg:my-0'>
<div className='bg-slate-800 rounded-lg p-6 w-full basis-full md:basis-2/5 my-4 lg:my-0'>
<span className='text-3xl md:text-4xl text-slate-200'>
eeXiv<sup>2</sup> News
</span>

6
src/app/page.tsx
View file

@ -89,8 +89,8 @@ export default function Home() {
}
return (
<div className='text-slate-800 flex flex-wrap'>
<p className='font-serif text-lg max-w-lg mr-1 text-balance'>
<div className='text-slate-800 flex flex-wrap md:flex-row justify-center'>
<p className='font-serif text-lg basis-full md:basis-1/2 grow mr-1 text-balance'>
eeXiv<sup>2</sup>, like arXiv, is a free distribution service and an
open-access archive for nearly 2.4 million scholarly articles in the
fields of physics, mathematics, computer science, quantitative biology,
@ -106,7 +106,7 @@ export default function Home() {
channels. Read more about us <Link href='/about'>here</Link>.
</p>
<News />
<div className='grid grid-cols-1 space-y-2 mt-4'>
<div className='grid grid-cols-1 space-y-2 mt-4 basis-full'>
<hr className='mx-auto w-full h-1 border-0 bg-slate-200 my-2 rounded-md' />
<span className='font-serif text-xl'>
Selected documents in various disciplines