System-End/campfire
1
0
Fork 0
mirror of https://github.com/System-End/campfire.git synced 2026-04-19 18:35:14 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: make stories Polaroid-ish

Browse source
This commit is contained in:
ascpixi 2025-11-20 13:22:59 -05:00
parent 3e9d1ea01f
commit 72f8b73595
2 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/App.tsx
View file

@ -309,7 +309,7 @@ function App() {
/>
</div>
<div className="relative z-10 flex flex-col gap-12 items-center lg:px-32 w-full lg:w-auto lg:max-w-7xl mx-auto -translate-y-56">
<div className="relative z-10 flex flex-col gap-12 items-center lg:px-24 w-full lg:w-auto lg:max-w-7xl mx-auto -translate-y-56">
<h2
id="previous-events"
className="text-[#d7cfeb] text-6xl font-bold text-center mb-8 font-amatic"

2
frontend/src/components/StoryCard.tsx
View file

@ -7,7 +7,7 @@ interface StoryCardProps {
function StoryCard({ imageSrc, imageAlt, title, description }: StoryCardProps) {
return (
<div className="bg-[#d9d9d9] rounded-2xl p-6 flex flex-col gap-2 w-[347px] h-[557px] shadow-[0px_4px_4px_0px_rgba(0,0,0,0.25)]">
<div className="bg-white p-6 flex flex-1 basis-0 flex-col gap-2 h-[557px] shadow-[16px_16px_0px_0px_rgba(0,0,0,0.3)]">
<img
src={imageSrc}
alt={imageAlt}