Mercurial > gemma

diff client/src/components/Popup.vue @ 2387:f185503ef35a

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: unified box's header styles by creating a reusable component The clients html/css and resulting look and feel of the app is partially very inconsistent. By moving code to more small and reusable components consistency will hopefully be increased.
author Markus Kottlaender <markus@intevation.de>
date Mon, 25 Feb 2019 15:02:34 +0100
parents c06b001dc26b
children dda4cec8e67b
line wrap: on
line diff
--- a/client/src/components/Popup.vue	Mon Feb 25 14:30:31 2019 +0100
+++ b/client/src/components/Popup.vue	Mon Feb 25 15:02:34 2019 +0100
@@ -5,15 +5,11 @@
       v-if="popup"
     >
       <div class="popup">
-        <h6 class="popup-header">
-          <span class="popup-title">
-            <font-awesome-icon :icon="popup.icon" class="popup-icon" />
-            {{ popup.title }}
-          </span>
-          <span class="popup-close" @click="close()">
-            <font-awesome-icon icon="times" />
-          </span>
-        </h6>
+        <UIBoxHeader
+          :icon="popup.icon"
+          :title="popup.title"
+          :closeCallback="close"
+        />
         <div class="popup-content" v-html="popup.content"></div>
         <div class="popup-footer" v-if="popup.cancel || popup.confirm">
           <button