[+] Create narrow property for class
This commit is contained in:
@@ -1,5 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="unread-entry vertical-center" :style="`background: ${backgroundColor}`">
|
<div class="unread-entry vertical-center"
|
||||||
|
:class="narrow ? 'narrow' : ''"
|
||||||
|
:style="`background: ${backgroundColor}`">
|
||||||
<el-row class="unread-row">
|
<el-row class="unread-row">
|
||||||
<el-col :span="3" class="date">
|
<el-col :span="3" class="date">
|
||||||
<span class="month">{{getMoment(assignment.date).format("MMM Do")}}</span>
|
<span class="month">{{getMoment(assignment.date).format("MMM Do")}}</span>
|
||||||
@@ -42,6 +44,7 @@
|
|||||||
|
|
||||||
@Prop({default: false}) unread: boolean;
|
@Prop({default: false}) unread: boolean;
|
||||||
@Prop({default: '#f5f7fa'}) backgroundColor: string;
|
@Prop({default: '#f5f7fa'}) backgroundColor: string;
|
||||||
|
@Prop({default: false}) narrow: boolean;
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Format a date to the displayed format
|
* Format a date to the displayed format
|
||||||
|
|||||||
Reference in New Issue
Block a user