Joururi/sample-full-skies
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added card icon

Browse Source
This commit is contained in:
Alexis
2021-03-06 23:34:58 +01:00
parent fbb9c9a0e9
commit 2a0858d76f
1 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/celestials/CelestialCard.vue
View File

@@ -5,24 +5,33 @@
<img <img
v-if="celestial.type === 'planète à lunes'" v-if="celestial.type === 'planète à lunes'"
src="/icons/saturn-and-other-planets.svg" src="/icons/saturn-and-other-planets.svg"
class="fs-icon"
alt="planet icon" alt="planet icon"
/> />
<img <img
v-else-if="celestial.type === 'planète'" v-else-if="celestial.type === 'planète'"
src="/icons/saturn-planet-shape.svg" src="/icons/saturn-planet-shape.svg"
class="fs-icon"
alt="planet icon" alt="planet icon"
/> />
<img <img
v-else-if="celestial.type === 'lune'" v-else-if="celestial.type === 'lune'"
src="icons/moon-and-stars-in-a-cloud.svg" src="icons/moon-and-stars-in-a-cloud.svg"
class="fs-icon"
alt="moon icon" alt="moon icon"
/> />
<img <img
v-else-if="celestial.type === 'étoile'" v-else-if="celestial.type === 'étoile'"
src="icons/sun-shape.svg" src="icons/sun-shape.svg"
class="fs-icon"
alt="moon icon" alt="moon icon"
/> />
<img v-else src="icons/stars-group.svg" alt="moon icon" /> <img
v-else
src="icons/stars-group.svg"
alt="moon icon"
class="fs-icon"
/>
</div> </div>
<div class="card-header"> <div class="card-header">
@@ -114,15 +123,14 @@ export default defineComponent({
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
img {
max-width: 50px;
max-height: 50px;
}
} }
> * { > * {
flex: 0 1 auto; flex: 0 1 auto;
} }
.card-header {
padding-right: 60px;
}
.card-content { .card-content {
flex: 1 1 auto; flex: 1 1 auto;
min-height: 30px; min-height: 30px;