tanshu/kakawa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Footer should be fixed on mobile

Browse Source 
The festival should now display the right part of the image on desktop and mobile.
Makefile superfluous entried removed.
This commit is contained in:
Amritanshu Agrawal 2024-10-13 10:10:54 +05:30
parent 00fd57f256
commit 1523b58d6f
3 changed files with 12 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
Makefile
View File

@ -1,35 +1,7 @@
.PHONY: build-development
build-development: ## Build the development docker image.
docker compose -f docker/development/docker-compose.yml build
.PHONY: start-development
start-development: ## Start the development docker container.
docker compose -f docker/development/docker-compose.yml up -d
.PHONY: stop-development
stop-development: ## Stop the development docker container.
docker compose -f docker/development/docker-compose.yml down
.PHONY: build-staging
build-staging: ## Build the staging docker image.
docker compose -f docker/staging/docker-compose.yml build
.PHONY: start-staging
start-staging: ## Start the staging docker container.
docker compose -f docker/staging/docker-compose.yml up -d
.PHONY: stop-staging
stop-staging: ## Stop the staging docker container.
docker compose -f docker/staging/docker-compose.yml down
.PHONY: build-production .PHONY: build-production
build-production: ## Build the production docker image. build-production: ## Build the production docker image.
docker build --network=host --file Dockerfile --tag kakawa:latest . @docker buildx build \
--network=host \
.PHONY: start-production --tag kakawa:latest \
start-production: ## Start the production docker container. $(shell grep -v '^#' .env.local | sed 's/^/--build-arg /') \
docker compose -f docker/production/docker-compose.yml up -d git@git.tanshu.com:tanshu/kakawa.git
.PHONY: stop-production
stop-production: ## Stop the production docker container.
docker compose -f docker/production/docker-compose.yml down

2
src/app/(static)/festival/page.tsx
View File

@ -20,7 +20,7 @@ export default function FestivalPage() {
<AnimatedImage <AnimatedImage
src={bannerPic} src={bannerPic}
alt='Praline' alt='Praline'
className='w-full h-full object-cover object-[-8rem]' className='w-full h-full object-cover object-[-8rem] md:object-center'
sizes='100vw' sizes='100vw'
/> />
<a <a

11
src/components/footer.module.css
View File

@ -1,7 +1,8 @@
.grid { .grid {
display: grid; display: grid;
gap: 2rem /* 32px */; gap: 2rem /* 32px */;
grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); /* grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); */
grid-template-columns: repeat(4, 1fr); /* 4 columns */
padding-top: 3rem /* 48px */; padding-top: 3rem /* 48px */;
padding-bottom: 3rem /* 48px */; padding-bottom: 3rem /* 48px */;
@ -14,8 +15,8 @@
background-color: hsl(20, 18%, 97%); background-color: hsl(20, 18%, 97%);
} }
@media screen and (width >= 768px) { @media (max-width: 768px) {
.productImage { .grid {
display: none; grid-template-columns: repeat(2, 1fr); /* Still 4 columns */
}
} }
}