20210782/travel-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

viewimage page trip-switcher button style applied

Browse Source
This commit is contained in:
Chaebean Yang 2025-06-09 20:56:14 +09:00
parent 8e6126c26f
commit ea01ae074e
2 changed files with 21 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/firebase.js
View File

@ -16,4 +16,4 @@ const firebaseConfig = {
const app = getApps().length === 0 ? initializeApp(firebaseConfig) : getApp(); const app = getApps().length === 0 ? initializeApp(firebaseConfig) : getApp();
// Initialize Realtime Database and get a reference to the service // Initialize Realtime Database and get a reference to the service
export const db = getDatabase(app);` export const db = getDatabase(app);

28
src/routes/viewimage/[tripId]/[memoryId]/+page.svelte
View File

@ -311,23 +311,35 @@
} }
.trip-switcher button { .trip-switcher button {
flex: 0 0 auto; background: none;
background-color: white; border: none;
border: 1px solid var(--gray-200); font-size: 1rem;
padding: 0.5rem 1rem;
border-radius: 8px;
font-size: 0.95rem;
cursor: pointer; cursor: pointer;
white-space: nowrap; padding: 0.75rem 0;
color: var(--gray-400);
transition: color 0.3s ease; transition: color 0.3s ease;
position: relative;
text-align: center;
} }
.trip-switcher button:hover { .trip-switcher button:hover {
background-color: var(--gray-100); color: var(--white);
} }
.trip-switcher button.active { .trip-switcher button.active {
color: var(--memory-500);
font-weight: 600;
}
.trip-switcher button.active::after {
content: '';
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 2px;
background-color: var(--memory-500); background-color: var(--memory-500);
transition: transform 0.2s ease;
} }
.wheel-container { .wheel-container {