no header
Browse files
src/lib/components/Piclets/PicletDetail.svelte
CHANGED
|
@@ -70,16 +70,6 @@
|
|
| 70 |
</script>
|
| 71 |
|
| 72 |
<div class="detail-page">
|
| 73 |
-
<div class="navigation-bar">
|
| 74 |
-
<button class="back-btn" onclick={onClose} aria-label="Go back">
|
| 75 |
-
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
| 76 |
-
<path d="M19 12H5m0 0l7 7m-7-7l7-7"></path>
|
| 77 |
-
</svg>
|
| 78 |
-
</button>
|
| 79 |
-
<h2>{instance.nickname || instance.typeId}</h2>
|
| 80 |
-
<div class="nav-spacer"></div>
|
| 81 |
-
</div>
|
| 82 |
-
|
| 83 |
<div class="content-scroll">
|
| 84 |
<!-- Header Card -->
|
| 85 |
<div class="header-card">
|
|
@@ -263,41 +253,6 @@
|
|
| 263 |
flex-direction: column;
|
| 264 |
}
|
| 265 |
|
| 266 |
-
/* Navigation Bar */
|
| 267 |
-
.navigation-bar {
|
| 268 |
-
background: white;
|
| 269 |
-
padding: 16px;
|
| 270 |
-
padding-top: calc(16px + env(safe-area-inset-top, 0));
|
| 271 |
-
display: flex;
|
| 272 |
-
align-items: center;
|
| 273 |
-
justify-content: space-between;
|
| 274 |
-
border-bottom: 0.5px solid #c6c6c8;
|
| 275 |
-
}
|
| 276 |
-
|
| 277 |
-
.navigation-bar h2 {
|
| 278 |
-
margin: 0;
|
| 279 |
-
font-size: 17px;
|
| 280 |
-
font-weight: 600;
|
| 281 |
-
flex: 1;
|
| 282 |
-
text-align: center;
|
| 283 |
-
}
|
| 284 |
-
|
| 285 |
-
.back-btn {
|
| 286 |
-
background: none;
|
| 287 |
-
border: none;
|
| 288 |
-
color: #007bff;
|
| 289 |
-
cursor: pointer;
|
| 290 |
-
padding: 0;
|
| 291 |
-
display: flex;
|
| 292 |
-
align-items: center;
|
| 293 |
-
width: 24px;
|
| 294 |
-
height: 24px;
|
| 295 |
-
}
|
| 296 |
-
|
| 297 |
-
.nav-spacer {
|
| 298 |
-
width: 24px;
|
| 299 |
-
}
|
| 300 |
-
|
| 301 |
/* Content Scroll */
|
| 302 |
.content-scroll {
|
| 303 |
flex: 1;
|
|
|
|
| 70 |
</script>
|
| 71 |
|
| 72 |
<div class="detail-page">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 73 |
<div class="content-scroll">
|
| 74 |
<!-- Header Card -->
|
| 75 |
<div class="header-card">
|
|
|
|
| 253 |
flex-direction: column;
|
| 254 |
}
|
| 255 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 256 |
/* Content Scroll */
|
| 257 |
.content-scroll {
|
| 258 |
flex: 1;
|