fmt
Browse files
src/lib/components/Piclets/PicletCard.svelte
CHANGED
|
@@ -29,9 +29,6 @@
|
|
| 29 |
class="piclet-image"
|
| 30 |
style="width: {size * 0.8}px; height: {size * 0.8}px;"
|
| 31 |
/>
|
| 32 |
-
<div class="tier-banner tier-{piclet.tier}">
|
| 33 |
-
{piclet.tier}
|
| 34 |
-
</div>
|
| 35 |
</div>
|
| 36 |
|
| 37 |
<div class="details-section">
|
|
@@ -43,6 +40,10 @@
|
|
| 43 |
{/if}
|
| 44 |
</div>
|
| 45 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
| 46 |
</button>
|
| 47 |
|
| 48 |
<style>
|
|
@@ -103,17 +104,12 @@
|
|
| 103 |
}
|
| 104 |
|
| 105 |
.tier-banner {
|
| 106 |
-
position: absolute;
|
| 107 |
-
bottom: 0;
|
| 108 |
-
left: 0;
|
| 109 |
-
right: 0;
|
| 110 |
padding: 4px 8px;
|
| 111 |
font-size: 9px;
|
| 112 |
font-weight: bold;
|
| 113 |
text-transform: uppercase;
|
| 114 |
text-align: center;
|
| 115 |
-
|
| 116 |
-
backdrop-filter: blur(4px);
|
| 117 |
}
|
| 118 |
|
| 119 |
.tier-low {
|
|
|
|
| 29 |
class="piclet-image"
|
| 30 |
style="width: {size * 0.8}px; height: {size * 0.8}px;"
|
| 31 |
/>
|
|
|
|
|
|
|
|
|
|
| 32 |
</div>
|
| 33 |
|
| 34 |
<div class="details-section">
|
|
|
|
| 40 |
{/if}
|
| 41 |
</div>
|
| 42 |
</div>
|
| 43 |
+
|
| 44 |
+
<div class="tier-banner tier-{piclet.tier}">
|
| 45 |
+
{piclet.tier}
|
| 46 |
+
</div>
|
| 47 |
</button>
|
| 48 |
|
| 49 |
<style>
|
|
|
|
| 104 |
}
|
| 105 |
|
| 106 |
.tier-banner {
|
|
|
|
|
|
|
|
|
|
|
|
|
| 107 |
padding: 4px 8px;
|
| 108 |
font-size: 9px;
|
| 109 |
font-weight: bold;
|
| 110 |
text-transform: uppercase;
|
| 111 |
text-align: center;
|
| 112 |
+
border-radius: 0 0 10px 10px;
|
|
|
|
| 113 |
}
|
| 114 |
|
| 115 |
.tier-low {
|