ChitoWarlock/soc_site-astro
1
0
Fork 0
mirror of https://github.com/jorgev259/soc_site-astro.git synced 2025-06-29 07:57:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Responsive styling changes

Browse source
This commit is contained in:
Jorge Vargas 2025-02-21 13:27:08 -06:00
parent c8db1c57b4
commit 3e19a693ca
6 changed files with 7 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/Header.astro
View file

@ -32,7 +32,7 @@ const { session } = Astro.locals
<a href='/'> <a href='/'>
<Image <Image
src={Astro.currentLocale === 'es' ? logoEs : logo} src={Astro.currentLocale === 'es' ? logoEs : logo}
class='h-full py-0.5 w-auto' class='h-full md:py-0.5 w-auto mx-auto md:mx-0'
alt='logo' alt='logo'
height={150} height={150}
width={265} width={265}

2
src/components/Sidebar.astro
View file

@ -18,7 +18,7 @@ const listClass =
'uppercase text-3xl font-semibold w-full text-center py-3 hover:bg-dark-hover hover:text-cyan-400 hover:underline' 'uppercase text-3xl font-semibold w-full text-center py-3 hover:bg-dark-hover hover:text-cyan-400 hover:underline'
--- ---
<div class='w-3/12 max-w-[300px] bg-dark flex flex-col'> <div class='md:w-3/12 md:max-w-[300px] bg-dark flex flex-col'>
<a href='#' class={listClass}>{m.lastAddedSidebar()}</a> <a href='#' class={listClass}>{m.lastAddedSidebar()}</a>
<a href='#' class={listClass}>{m.getLucky()}</a> <a href='#' class={listClass}>{m.getLucky()}</a>
<a href='#' class={listClass}>{m.randomPull()}</a> <a href='#' class={listClass}>{m.randomPull()}</a>

2
src/components/header/LoginNav.astro
View file

@ -6,7 +6,7 @@ import LogoutBtn from './LogoutButton'
const session = Astro.locals.session const session = Astro.locals.session
--- ---
<div class='ms-auto'> <div class='ms-auto hidden md:block'>
{ {
session ? ( session ? (
<LogoutBtn client:only='react' /> <LogoutBtn client:only='react' />

1
src/layouts/base.astro
View file

@ -20,6 +20,7 @@ import 'styles/global.css'
href='https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap' href='https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap'
rel='stylesheet' rel='stylesheet'
/> />
<meta name='viewport' content='width=device-width, initial-scale=1.0' />
<meta name='theme-color' content='#ffffff' /> <meta name='theme-color' content='#ffffff' />
<meta property='og:url' content='/' /> <meta property='og:url' content='/' />

4
src/pages/album/[id].astro
View file

@ -47,8 +47,8 @@ const { currentLocale } = Astro
</style> </style>
<BaseLayout> <BaseLayout>
<div class='flex flex-col flex-1 max-w-[2000px] px-10 py-3'> <div class='flex flex-col flex-1 max-w-[2000px] px-4 md:px-10 py-3'>
<div class='flex gap-x-3'> <div class='flex flex-col md:flex-row gap-x-3'>
<div class='flex-1'> <div class='flex-1'>
<div class='size-full relative cursor-pointer'> <div class='size-full relative cursor-pointer'>
<Image <Image

2
src/pages/index.astro
View file

@ -19,7 +19,7 @@ const lastAlbums = await prismaClient.albums.findMany({
--- ---
<BaseLayout> <BaseLayout>
<div class='flex flex-1 max-w-[2000px]'> <div class='flex flex-col md:flex-row flex-1 max-w-[2000px]'>
<div class='flex-1 px-2'> <div class='flex-1 px-2'>
<h1 class='uppercase font-medium tracking-wide text-5xl drop-shadow-2xl mt-5 mb-2 text-center'> <h1 class='uppercase font-medium tracking-wide text-5xl drop-shadow-2xl mt-5 mb-2 text-center'>
{m.recentReleases()} {m.recentReleases()}