owntone-server/htdocs/player/css/app.css.map

{"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-content {\n  margin-top: 24px;\n}\n\n.fd-progress-bar {\n  top: 52px !important;\n}\n\n.fd-has-shadow {\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\n/* Now playing page */\n.fd-is-fullheight {\n  height: calc(100vh - 3.25rem - 3.25rem);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.fd-is-fullheight .fd-is-expanded {\n  max-height: calc(100vh - 25rem);\n  padding: 1.5rem;\n  overflow: hidden;\n  flex-grow: 1;\n  flex-shrink: 1;\n}\n\n.fd-cover-image {\n  height: 100%;\n}\n\n.fd-cover-image img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  object-position: bottom;\n  filter: drop-shadow(0px 0px 1px rgba(0,0,0,.3)) drop-shadow(0px 0px 10px rgba(0,0,0,.3));\n}\n\n\n.sortable-chosen .media-right {\n  visibility: hidden;\n}\n.sortable-ghost h1, .sortable-ghost h2 {\n  color: hsl(348, 100%, 61%) !important;\n}\n\n.media:first-of-type {\n  padding-top: 17px;\n  margin-top: 16px;\n}\n\n/* Transition effect */\n.fade-enter-active, .fade-leave-active {\n  transition: opacity .4s;\n}\n.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {\n  opacity: 0;\n}\n\n/* Now playing progress bar */\n.seek-slider {\n  min-width: 250px;\n  max-width: 500px;\n  width: 100% !important;\n}\n.seek-slider .range-slider-fill {\n  background-color: hsl(171, 100%, 41%);\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.seek-slider .range-slider-knob {\n  width: 10px;\n  height: 10px;\n  background-color: hsl(171, 100%, 41%);\n  border-color: hsl(171, 100%, 41%);\n}\n\n/* Add a little bit of spacing between title and subtitle */\n.title:not(.is-spaced) + .subtitle {\n  margin-top: -1.3rem !important;\n}\n.title:not(.is-spaced) + .subtitle + .subtitle {\n  margin-top: -1.3rem !important;\n}\n\n/* Only scroll content if modal contains a card component */\n.fd-modal-card {\n  overflow: visible;\n}\n.fd-modal-card .card-content {\n  max-height: calc(100vh - 200px);\n  overflow: auto;\n}\n.fd-modal-card .card {\n  margin-left: 16px;\n  margin-right: 16px;\n}\n\n.dropdown-item a {\n  display: block;\n}\n\n.dropdown-item:hover {\n  background-color: hsl(0, 0%, 96%)\n}\n"]}