[+] Create narrow property for class

This commit is contained in:
Hykilpikonna
2019-11-05 22:29:43 -05:00
parent 3b387db5b5
commit 0477161af2
@@ -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