cyclane/drp-48
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: more constrast, clearer favs

Browse Source
This commit is contained in:
Barf-Vader
2025-06-16 17:54:40 +01:00
parent 7332c0376b
commit f48d457f5b
17 changed files with 102 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/routes/space/[id]/+page.svelte
View File

@@ -108,16 +108,22 @@
/>
{/if}
<main>
<Carousel urls={imgUrls} />
<div class="nameContainer">
<div class="locationContainer">{space.location}</div>
<div class="imgContainer">
{#await supabase.auth.getSession() then resp}
{#if resp.data.session}
<div class="title-fav">
<Favourite {isFavourite} onToggleFavourite={handleToggleFavourite} />
<Favourite
{isFavourite}
onToggleFavourite={handleToggleFavourite}
imgSize={27}
/>
</div>
{/if}
{/await}
<Carousel urls={imgUrls} />
</div>
<div class="nameContainer">
<div class="locationContainer">{space.location}</div>
</div>
{#if space.description != null && space.description.length > 0}
<p class="descContainer">
@@ -226,11 +232,12 @@
width: 100%;
padding: 0.6rem;
margin-top: -0.5rem;
background-color: #49bd85;
background-color: #189f5e;
border-radius: 8px;
font-size: 2.8rem;
font-weight: bold;
color: #ffffff;
z-index: 1;
}
.descContainer {
@@ -295,7 +302,7 @@
padding: 0.7rem;
border-radius: 0.5rem;
border: none;
background-color: #49bd85;
background-color: #189f5e;
color: #ffffff;
font-size: 1rem;
cursor: pointer;
@@ -335,18 +342,17 @@
font-family: monospace;
color: #eaffeb;
}
/* .titleContainer {
display: flex;
align-items: center;
justify-content: space-between;
margin: -0.5rem 0 1rem;
} */
.imgContainer {
position: relative;
}
.title-fav {
font-size: 2rem;
background: rgba(0, 0, 0, 0.4);
border-radius: 50%;
padding: 0.25rem;
box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.7);
color: red;
position: absolute;
top: 0;
right: 0;
background: #189f5e;
border-radius: 0 0 0 0.5rem;
z-index: 1;
width: 3.75rem;
height: 3.75rem;
}
</style>