fix img box
Browse files
src/lib/components/Piclets/PicletCard.svelte
CHANGED
|
@@ -23,7 +23,7 @@
|
|
| 23 |
|
| 24 |
<button
|
| 25 |
class="piclet-card"
|
| 26 |
-
style="width: {size}px; height: {size +
|
| 27 |
onclick={onClick}
|
| 28 |
type="button"
|
| 29 |
>
|
|
@@ -71,6 +71,7 @@
|
|
| 71 |
}
|
| 72 |
|
| 73 |
.image-container {
|
|
|
|
| 74 |
flex: 1;
|
| 75 |
position: relative;
|
| 76 |
display: flex;
|
|
|
|
| 23 |
|
| 24 |
<button
|
| 25 |
class="piclet-card"
|
| 26 |
+
style="width: {size}px; height: {size + 30}px;"
|
| 27 |
onclick={onClick}
|
| 28 |
type="button"
|
| 29 |
>
|
|
|
|
| 71 |
}
|
| 72 |
|
| 73 |
.image-container {
|
| 74 |
+
width: 100%;
|
| 75 |
flex: 1;
|
| 76 |
position: relative;
|
| 77 |
display: flex;
|
src/lib/components/Piclets/PicletDetail.svelte
CHANGED
|
@@ -298,7 +298,7 @@
|
|
| 298 |
}
|
| 299 |
|
| 300 |
.image-container {
|
| 301 |
-
background:
|
| 302 |
padding: 8px;
|
| 303 |
border-radius: 12px;
|
| 304 |
}
|
|
|
|
| 298 |
}
|
| 299 |
|
| 300 |
.image-container {
|
| 301 |
+
background: #f0f0f0;
|
| 302 |
padding: 8px;
|
| 303 |
border-radius: 12px;
|
| 304 |
}
|