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;
|