Adjusted new label for compact compatability.
This commit is contained in:
parent
7d1fb86e63
commit
bebf814577
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<div
|
<div
|
||||||
:id="`${release.type}-${release.id}`"
|
:id="`scene-${release.id}`"
|
||||||
:class="{ new: release.isNew }"
|
:class="{ new: release.isNew }"
|
||||||
class="tile"
|
class="tile"
|
||||||
>
|
>
|
||||||
|
@ -161,20 +161,21 @@ export default {
|
||||||
|
|
||||||
.tile {
|
.tile {
|
||||||
background: var(--background);
|
background: var(--background);
|
||||||
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
box-shadow: 0 0 3px var(--darken-weak);
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
box-shadow: 0 0 3px var(--darken-weak);
|
||||||
|
|
||||||
&.new .poster::after {
|
&.new::after {
|
||||||
content: 'new';
|
content: '★';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
left: 0;
|
||||||
padding: .15rem .25rem .15rem .35rem;
|
padding: .1rem .25rem .1rem .15rem;
|
||||||
border-radius: 0 0 0 .5rem;
|
border-radius: 0 0 .5rem 0;
|
||||||
color: var(--text-light);
|
color: var(--text-light);
|
||||||
background: var(--primary);
|
background: var(--primary);
|
||||||
font-size: .8rem;
|
font-size: .8rem;
|
||||||
|
|
|
@ -191,9 +191,6 @@ const routes = [
|
||||||
const router = createRouter({
|
const router = createRouter({
|
||||||
history: createWebHistory(),
|
history: createWebHistory(),
|
||||||
routes,
|
routes,
|
||||||
scrollBehavior(to, from, savedPosition) {
|
|
||||||
console.log(to, from, savedPosition);
|
|
||||||
},
|
|
||||||
});
|
});
|
||||||
|
|
||||||
export default router;
|
export default router;
|
||||||
|
|
Loading…
Reference in New Issue