RecentRunner/group-2-threaded-project-petshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix mobile nav and env examples

Browse Source
This commit is contained in:
Harkamal Randhawa
2026-04-15 21:34:15 -06:00
parent 437baf7ba5
commit 0128401486
3 changed files with 38 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
backend/.env.example
View File

@@ -1,4 +1,5 @@
JWT_SECRET=<run: openssl rand -base64 32>
STRIPE_SECRET_KEY=sk_test_... STRIPE_SECRET_KEY=sk_test_...
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=pk_test_...
OPENROUTER_API_KEY=sk-or-v1-... OPENROUTER_API_KEY=sk-or-v1-...
RESEND_API_KEY=re_... RESEND_API_KEY=re_...
RESEND_FROM=PetShop <no-reply@yourdomain.com>

1
web/.env.example
View File

@@ -1,4 +1,5 @@
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=pk_test_... NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=pk_test_...
NEXT_PUBLIC_BACKEND_URL=http://localhost:8080
# Backend URL for the API proxy — swap comments to switch between local and remote # Backend URL for the API proxy — swap comments to switch between local and remote
BACKEND_URL=http://localhost:8080 BACKEND_URL=http://localhost:8080
#BACKEND_URL=https://petshop-backend.nicepond-c7280126.westus2.azurecontainerapps.io #BACKEND_URL=https://petshop-backend.nicepond-c7280126.westus2.azurecontainerapps.io

35
web/app/globals.css
View File

@@ -2891,7 +2891,8 @@ body {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 0.5rem; gap: 0.5rem;
margin-left: auto; grid-column: 3;
justify-self: end;
} }
.nav-links, .nav-links,
@@ -3105,3 +3106,35 @@ img, video, iframe {
.pagination-btn { background: #333; color: white; border: none; border-radius: 8px; padding: 0.5rem 1.2rem; font-size: 0.9rem; font-weight: 600; cursor: pointer; } .pagination-btn { background: #333; color: white; border: none; border-radius: 8px; padding: 0.5rem 1.2rem; font-size: 0.9rem; font-weight: 600; cursor: pointer; }
.pagination-btn:disabled { background: #ccc; cursor: not-allowed; } .pagination-btn:disabled { background: #ccc; cursor: not-allowed; }
.pagination-info { font-size: 0.9rem; color: #555; font-weight: 500; } .pagination-info { font-size: 0.9rem; color: #555; font-weight: 500; }
@media (max-width: 768px) {
.info-title {
font-size: 2rem;
}
.info-subtitle {
font-size: 1.1rem;
}
}
@media (max-width: 480px) {
.info-title {
font-size: 1.6rem;
}
.info-subtitle {
font-size: 1rem;
}
.image-links-container {
grid-template-columns: 1fr;
gap: 1rem;
}
.adopt-grid {
grid-template-columns: repeat(2, 1fr);
gap: 0.75rem;
}
}
@media (max-width: 360px) {
.adopt-grid {
grid-template-columns: 1fr;
}
}