Adjusted new label for compact compatability.
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div
|
||||
:id="`${release.type}-${release.id}`"
|
||||
:id="`scene-${release.id}`"
|
||||
:class="{ new: release.isNew }"
|
||||
class="tile"
|
||||
>
|
||||
@@ -161,20 +161,21 @@ export default {
|
||||
|
||||
.tile {
|
||||
background: var(--background);
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 0 3px var(--darken-weak);
|
||||
height: 100%;
|
||||
box-shadow: 0 0 3px var(--darken-weak);
|
||||
|
||||
&.new .poster::after {
|
||||
content: 'new';
|
||||
&.new::after {
|
||||
content: '★';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
padding: .15rem .25rem .15rem .35rem;
|
||||
border-radius: 0 0 0 .5rem;
|
||||
left: 0;
|
||||
padding: .1rem .25rem .1rem .15rem;
|
||||
border-radius: 0 0 .5rem 0;
|
||||
color: var(--text-light);
|
||||
background: var(--primary);
|
||||
font-size: .8rem;
|
||||
|
||||
Reference in New Issue
Block a user