mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
26 lines
584 B
HTML
26 lines
584 B
HTML
|
<!-- Image card -->
|
||
|
|
<style>
|
||
|
|
.demo-card-image.mdl-card {
|
||
|
|
width: 256px;
|
||
|
|
height: 256px;
|
||
|
|
background: url('../assets/demos/image_card.jpg') center / cover;
|
||
|
|
}
|
||
|
|
.demo-card-image > .mdl-card__actions {
|
||
|
|
height: 52px;
|
||
|
|
padding: 16px;
|
||
|
|
background: rgba(0, 0, 0, 0.2);
|
||
|
|
}
|
||
|
|
.demo-card-image__filename {
|
||
|
|
color: #fff;
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: 500;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<div class="demo-card-image mdl-card mdl-shadow--2dp">
|
||
|
|
<div class="mdl-card__title mdl-card--expand"></div>
|
||
|
|
<div class="mdl-card__actions">
|
||
|
|
<span class="demo-card-image__filename">Image.jpg</span>
|
||
|
|
</div>
|
||
|
|
</div>
|