2020-03-15 02:16:29 -04:00
|
|
|
{"version":3,"sources":["webpack:///src/components/src/components/Notifications.vue","webpack:///mystyles.css"],"names":[],"mappings":"AAuCA,kBACA,cAAA,CACA,WAAA,CACA,aAAA,CACA,UACA,CACA,gCACA,kBAAA,CACA,gBAAA,CACA,iBAAA,CACA,kEACA,CCjDA,QACE,eAAgB,CAChB,UACF,CACA,mBACE,wBACF,CAEA,gBACE,QAAS,CACT,SAAU,CACV,eAAgB,CAChB,UACF,CAEA,mCACE,iBACF,CAEA,mCACE,wBAAoC,CACpC,UACF,CAEA,mCACE,qBACF,CAEA,qCACE,iBACF,CAEA,qBACE,YACF,CAEA,cACE,SAAU,CACV,eAAgB,CAChB,kBACF,CAEA,aACE,WAAY,CACZ,aACF,CAEA,qBACE,gBACF,CAEA,eACE,cACF,CAEA,eACE,WACF,CAEA,mBACE,eACF,CAEA,sBACE,kBACF,CAEA,0BACE,gBACF,CAEA,2BACE,iBAAkB,CAClB,kBACF,CAEA,sBACE,WAAY,CACZ,UACF,CAEA,oBACE,kBAAmB,CACnB,eAAgB,CAChB,sBACF,CAEA,iBACE,kBAAmB,CACnB,eAAgB,CAChB,eAAiB,CACjB,WAAY,CACZ,UAAW,CACX,cAAe,CACf,UACF,CAEA,2CACE,eACF,CAEA,iBACE,kBACF,CAEA,eACE,kEACF,CAGA,kBACE,2BAAuC,CACvC,YAAa,CACb,qBAAsB,CACtB,sBACF,CAEA,kCACE,8BAA+B,CAC/B,cAAe,CACf,eAAgB,CAChB,WAAY,CACZ,aACF,CAEA,gBACE,WACF,CAEA,oBACE,UAAW,CACX,WAAY,CACZ,kBAAmB,CACnB,sBAAuB,CACvB,uFAAwF,CAAxF,+EACF,CAGA,8BACE,iBACF,CACA,sCACE,uBACF,CAEA,qBACE,gBAAiB,CACjB,eACF,CAGA,sCACE,sBACF,CACA,2BACE,SACF,CAGA,aACE,eAAgB,CAChB,eAAgB,CAChB,oBACF,CACA,gCACE,wBAAqC,CACrC,kEACF,CACA,gCACE,UAAW,CACX,WAAY,CACZ,wBAAqC,CACrC,oBACF,CAMA,4EACE,4BACF,CAGA,eACE,gBACF,CACA,6BACE,8BAA+B,CAC/B,aACF,CACA,qBACE,gBAAiB,CACjB,iBACF,CAEA,iBACE,aACF,CAEA,qBACE,wBACF","file":"app.css","sourcesContent":["<template>\n <section class=\"fd-notifications\">\n <div class=\"columns is-centered\">\n <div class=\"column is-half\">\n <div class=\"notification has-shadow \" v-for=\"notification in notifications\" :key=\"notification.id\" :class=\"['notification', notification.type ? `is-${notification.type}` : '']\">\n <button class=\"delete\" v-on:click=\"remove(notification)\"></button>\n {{ notification.text }}\n </div>\n </div>\n </div>\n </section>\n</template>\n\n<script>\nimport * as types from '@/store/mutation_types'\n\nexport default {\n name: 'Notifications',\n components: { },\n\n data () {\n return { showNav: false }\n },\n\n computed: {\n notifications () {\n return this.$store.state.notifications.list\n }\n },\n\n methods: {\n remove: function (notification) {\n this.$store.commit(types.DELETE_NOTIFICATION, notification)\n }\n }\n}\n</script>\n\n<style>\n.fd-notifications {\n position: fixed;\n bottom: 60px;\n z-index: 20000;\n width: 100%;\n}\n.fd-notifications .notification {\n margin-bottom: 10px;\n margin-left: 24px;\n margin-right: 24px;\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\n}\n</style>\n","\n.slider {\n min-width: 250px;\n width: 100%;\n}\n.range-slider-fill {\n background-color: hsl(0, 0%, 21%);\n}\n\n.track-progress {\n margin: 0;\n padding: 0;\n min-width: 250px;\n width: 100%;\n}\n\n.track-progress .range-slider-knob {\n visibility: hidden;\n}\n\n.track-progress .range-slider-fill {\n background-color: hsl(217, 71%, 53%);\n height: 2px;\n}\n\n.track-progress .range-slider-rail {\n background-color: hsl(0, 0%, 100%);\n}\n\n.media.with-progress h2:last-of-type {\n margin-bottom: 6px;\n}\n\n.media.with-progress {\n margin-top: 0px;\n}\n\na.navbar-item {\n outline: 0;\n line-height: 1.5;\n padding: .5rem 1rem;\n}\n\n.fd-expanded {\n flex-grow: 1;\n flex-shrink: 1;\n}\n\n.fd-margin-left-auto {\n margin-left: auto;\n}\n\n.fd-has-action {\n cursor: pointer;\n}\n\n.fd-is-movable {\n cursor: move;\n}\n\n.fd-has-margin-top {\n margin-top: 24px;\n}\n\n.fd-has-margin-bottom {\n margin-bottom: 24px;\n}\n\n.fd-remove-padding-bottom {\n padding-bottom: 0;\n}\n\n.fd-has-padding-left-right {\n padding-left: 24px;\n padding-right: 24px;\n}\n\n.fd-is-square .button {\n height: 27px;\n width: 27px;\n}\n\n.fd-is-text-clipped {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.fd-tabs-section {\n padding-bottom: 3px;\n padding-top: 3px;\n background: white;\n top: 3.25rem;\n z-index: 20;\n position: fixed;\n width: 100%;\n}\n\nsection.fd-tabs-section + section.fd-
|
