style: redefine label and css .

This commit is contained in:
weichien
2021-06-09 11:53:44 +08:00
parent c999dced1f
commit df62565a6e
3 changed files with 7 additions and 32 deletions
@@ -6,7 +6,7 @@
<div class="col">
<div class="row m-b-20">
<div class="col">
<h6 class="all-caps m-b-5 bold no-margin">{{this.data?"Update":"Add"}} Announcement</h6>
<h6 class="all-caps m-b-5 bold no-margin">{{this.data?"Update":"Create"}} Announcement</h6>
</div>
</div>
<div class="row m-b-5 animate__animated animate__fadeInUpBig animate__fast" v-if="error">
@@ -17,44 +17,19 @@
<div class="row m-b-10">
<div class="col">
<validation-wrapper-component :validator="$v.parameters.title">
<label class="muted">Annouchement Title</label>
<label class="muted">Title</label>
<input type="text" class="form-control" v-model="parameters.title">
</validation-wrapper-component>
</div>
</div>
<div class="row m-b-10">
<div class="row">
<div class="col">
<validation-wrapper-component :validator="$v.parameters.description">
<label class="muted">announcement Message.</label>
<textarea class="form-control" v-model="parameters.description" rows="20"></textarea>
<label class="muted">Message</label>
<textarea class="form-control h-75" v-model="parameters.description" rows="20"></textarea>
</validation-wrapper-component>
</div>
</div>
<!-- <div class="row m-b-20">
<div class="col-5">
<validation-wrapper-component selecatable :validator="$v.parameters.segment_id">
<label class="muted">Segment</label>
<selectable-component :endpoint="route('api.segment.list')" :options="{'type': 2}" section="segmentsListSection" valueColumn="id" :labelColumn="['name']" v-model="parameters.segment_id"></selectable-component>
</validation-wrapper-component>
</div>
<div class="col-5">
<announcement-assign-to-segment-form-component :data="data" section="announcementEditSection"></announcement-assign-to-segment-form-component>
</div>
</div>
<div class="row m-b-20">
<div class="col-auto no-padding m-r-10 m-b-5 m-t-5" v-for="segment in parameters.segments" v-bind:key="segment.id" v-if="segment.id !== 1">
<div class="font-heading fs-10 lh-20 p-l-10 p-r-10 bg-master-lightest btn-rounded">
{{segment.name}}
<i class="fa fa-times muted m-l-10 pointer requestModal" data-type="announcementDetachSegment" ></i>
</div>
<modal-component class="animate__animated animate__fast animate__fadeIn" styleType="fill-in" type="announcementDetachSegment">
<announcement-detach-segment-form-component :data="segment" :announcement_id="parameters.id" section="announcementEditSection"></announcement-detach-segment-form-component>
</modal-component>
</div>
</div> -->
<div class="row m-b-20">
<div class="col-6">
@@ -7,7 +7,7 @@
<div class="row m-b-20">
<div class="col">
<h3 class="all-caps">Are you Sure?</h3>
<div class="fs-11">Are you sure you want to delete <b>{{item.title}}</b> announcement?</div>
<div class="fs-11">Are you sure you want to delete announcement with title <b>{{item.title}}</b> ?</div>
</div>
</div>
<div class="row">
+1 -1
View File
@@ -486,7 +486,7 @@
<div class="col-auto">
<button class="btn btn-xs btn-primary b-rad-none requestModal" data-type="createModal">
<i class="fa fa-plus m-r-5"></i>
Add New Announcement
Create Announcement
</button>
<modal-form-component section="allAnnouncementsSection">
<template slot="form" slot-scope="{section}">