diff --git a/frontend/shipvote-frontend/dist/config.vue.js b/frontend/shipvote-frontend/dist/config.vue.js index e97de25..31c6af5 100644 --- a/frontend/shipvote-frontend/dist/config.vue.js +++ b/frontend/shipvote-frontend/dist/config.vue.js @@ -809,7 +809,7 @@ window.App = { Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_App_vue__ = __webpack_require__(6); /* empty harmony namespace reexport */ -/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_55e235b1_hasScoped_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_App_vue__ = __webpack_require__(15); +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_487d8bad_hasScoped_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_App_vue__ = __webpack_require__(15); function injectStyle (ssrContext) { __webpack_require__(13) } @@ -829,7 +829,7 @@ var __vue_scopeId__ = null var __vue_module_identifier__ = null var Component = normalizeComponent( __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_App_vue__["a" /* default */], - __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_55e235b1_hasScoped_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_App_vue__["a" /* default */], + __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_487d8bad_hasScoped_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_App_vue__["a" /* default */], __vue_template_functional__, __vue_styles__, __vue_scopeId__, @@ -850,7 +850,7 @@ var content = __webpack_require__(14); if(typeof content === 'string') content = [[module.i, content, '']]; if(content.locals) module.exports = content.locals; // add the styles to the DOM -var update = __webpack_require__(1)("a5bfb16c", content, true, {}); +var update = __webpack_require__(1)("69da162c", content, true, {}); /***/ }), /* 14 */ @@ -861,7 +861,7 @@ exports = module.exports = __webpack_require__(0)(false); exports.push([module.i, "@import url(https://fonts.googleapis.com/css?family=Roboto);", ""]); // module -exports.push([module.i, "\n.mdc-text-field--box {\n margin-top: 0;\n}\n.dark {\n background-color: #201c2b;\n color: #e5e3e8;\n}\n.dark a {\n color: #e2dbf0;\n}\n.dark .mdc-card .mdc-card__supporting-text {\n color: #e5e3e8;\n}\n.dark .mdc-card.mdc-card--flat {\n background-color: #6441a4;\n color: inherit;\n}\n.dark .mdc-tab--active .mdc-tab__text-label {\n color: #6441a4;\n}\n.dark .mdc-tab__text-label {\n color: #e5e3e8;\n}\n.dark .mdc-form-field > label {\n color: #e2dbf0;\n}\n.dark .mdc-text-field, .dark .mdc-select {\n background-color: #6441a4;\n}\n.dark .mdc-text-field label, .dark .mdc-select label {\n color: #e2dbf0 !important;\n}\n.dark .mdc-text-field input, .dark .mdc-text-field select, .dark .mdc-select input, .dark .mdc-select select {\n color: #e5e3e8 !important;\n}\n.dark .mdc-button.mdc-button--outlined {\n border-color: #e2dbf0;\n color: #e2dbf0;\n}\n.dark .mdc-list {\n color: inherit;\n}\n.dark .mdc-list .mdc-list-item .mdc-list-item__secondary-text {\n color: #e2dbf0;\n}\n.dark .vote-notice .cta {\n background-color: #6441a4;\n}\n.dark .selection .card {\n background-color: #201c2b;\n}\n.dark .selection .card .ship {\n background-color: #6441a4;\n border-color: #6441a4;\n}\n.dark .selection .card .ship .vote-button {\n background-color: #e5e3e8;\n color: #6441a4;\n}\n.dark .selection .card .ship .progress-bar .progress {\n background-color: rgba(255, 255, 255, 0.5);\n}\n.typography {\n font-family: Roboto, sans-serif;\n}\n.typography__color--warning {\n color: orange;\n}\n.typography__color--success {\n color: #3fc380;\n}\n.typography__color--error {\n color: #d24d57;\n}\n.typography--headline1 {\n font-size: 20px;\n font-weight: bold;\n display: block;\n}\n.typography--subtitle {\n color: #3f3f3f;\n}\n.card {\n background-color: #ffffff;\n border-radius: 4px;\n padding: 8px 12px;\n overflow: hidden;\n}\n.card .card__divider {\n height: 12px;\n}\n.raised {\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n}\n:root {\n --mdc-theme-secondary: #6441a4;\n --mdc-theme-primary: #6441a4;\n}\n.mdc-card.mdc-card--flat {\n padding: 4px;\n box-shadow: none;\n border-radius: 8px;\n background-color: #f8f9fa;\n color: #5f6368;\n}\n.mdc-list.mdc-list--bordered li:first-child {\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n}\n.mdc-list.mdc-list--bordered li:last-child {\n border-bottom-left-radius: 8px;\n border-bottom-right-radius: 8px;\n}\n.mdc-list .mdc-list-item {\n padding-top: 16px;\n}\n.fullwidth,\n.fullwidth .mdc-textfield {\n width: 100%;\n}\n", ""]); +exports.push([module.i, "\n.mdc-text-field--box {\n margin-top: 0;\n}\n.dark {\n background-color: #201c2b;\n color: #e5e3e8;\n}\n.dark a {\n color: #e2dbf0;\n}\n.dark .mdc-card .mdc-card__supporting-text {\n color: #e5e3e8;\n}\n.dark .mdc-card.mdc-card--flat {\n background-color: #6441a4;\n color: inherit;\n}\n.dark .mdc-tab--active .mdc-tab__text-label {\n color: #6441a4;\n}\n.dark .mdc-tab__text-label {\n color: #e5e3e8;\n}\n.dark .mdc-form-field > label {\n color: #e2dbf0;\n}\n.dark .mdc-text-field, .dark .mdc-select {\n background-color: #6441a4;\n}\n.dark .mdc-text-field label, .dark .mdc-select label {\n color: #e2dbf0 !important;\n}\n.dark .mdc-text-field input, .dark .mdc-text-field select, .dark .mdc-select input, .dark .mdc-select select {\n color: #e5e3e8 !important;\n}\n.dark .mdc-button.mdc-button--outlined {\n border-color: #e2dbf0;\n color: #e2dbf0;\n}\n.dark .mdc-list {\n color: inherit;\n}\n.dark .mdc-list .mdc-list-item .mdc-list-item__secondary-text {\n color: #e2dbf0;\n}\n.dark .mdc-list.mdc-list--bordered .mdc-list-item {\n border-color: #e2dbf0;\n}\n.dark .vote-notice .cta {\n background-color: #6441a4;\n}\n.dark .selection .card {\n background-color: #201c2b;\n}\n.dark .selection .card .ship {\n background-color: #6441a4;\n border-color: #6441a4;\n}\n.dark .selection .card .ship .vote-button {\n background-color: #e5e3e8;\n color: #6441a4;\n}\n.dark .selection .card .ship .progress-bar .progress {\n background-color: rgba(255, 255, 255, 0.5);\n}\n.typography {\n font-family: Roboto, sans-serif;\n}\n.typography__color--warning {\n color: orange;\n}\n.typography__color--success {\n color: #3fc380;\n}\n.typography__color--error {\n color: #d24d57;\n}\n.typography--headline1 {\n font-size: 20px;\n font-weight: bold;\n display: block;\n}\n.typography--subtitle {\n color: #3f3f3f;\n}\n.card {\n background-color: #ffffff;\n border-radius: 4px;\n padding: 8px 12px;\n overflow: hidden;\n}\n.card .card__divider {\n height: 12px;\n}\n.raised {\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n}\n.mdc-list .mdc-list-item {\n padding-top: 8px;\n}\n.mdc-list .mdc-list-item .mdc-list-item__graphic {\n padding-left: 8px;\n}\n.mdc-list .mdc-list-item .mdc-list-item__text {\n margin-top: 4px;\n}\n.mdc-list .mdc-list-item .mdc-list-item__meta {\n margin-top: -8px;\n}\n:root {\n --mdc-theme-secondary: #6441a4;\n --mdc-theme-primary: #6441a4;\n}\n.mdc-card.mdc-card--flat {\n padding: 4px;\n box-shadow: none;\n border-radius: 8px;\n background-color: #f8f9fa;\n color: #5f6368;\n}\n.mdc-list.mdc-list--bordered li:first-child {\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n}\n.mdc-list.mdc-list--bordered li:last-child {\n border-bottom-left-radius: 8px;\n border-bottom-right-radius: 8px;\n}\n.fullwidth,\n.fullwidth .mdc-textfield {\n width: 100%;\n}\n", ""]); // exports diff --git a/frontend/shipvote-frontend/dist/live_config.vue.js b/frontend/shipvote-frontend/dist/live_config.vue.js index eaa60a9..5333cf5 100644 --- a/frontend/shipvote-frontend/dist/live_config.vue.js +++ b/frontend/shipvote-frontend/dist/live_config.vue.js @@ -2140,6 +2140,53 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope // // // +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// @@ -2404,7 +2451,7 @@ window.App = { Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_App_vue__ = __webpack_require__(7); /* empty harmony namespace reexport */ -/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_d83695ba_hasScoped_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_App_vue__ = __webpack_require__(19); +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_3226d3c9_hasScoped_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_App_vue__ = __webpack_require__(19); function injectStyle (ssrContext) { __webpack_require__(17) } @@ -2424,7 +2471,7 @@ var __vue_scopeId__ = null var __vue_module_identifier__ = null var Component = normalizeComponent( __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_App_vue__["a" /* default */], - __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_d83695ba_hasScoped_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_App_vue__["a" /* default */], + __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_3226d3c9_hasScoped_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_App_vue__["a" /* default */], __vue_template_functional__, __vue_styles__, __vue_scopeId__, @@ -2445,7 +2492,7 @@ var content = __webpack_require__(18); if(typeof content === 'string') content = [[module.i, content, '']]; if(content.locals) module.exports = content.locals; // add the styles to the DOM -var update = __webpack_require__(1)("1448c0d5", content, true, {}); +var update = __webpack_require__(1)("4c99702a", content, true, {}); /***/ }), /* 18 */ @@ -2456,7 +2503,7 @@ exports = module.exports = __webpack_require__(0)(false); exports.push([module.i, "@import url(https://fonts.googleapis.com/css?family=Roboto);", ""]); // module -exports.push([module.i, "\n.mdc-text-field--box {\n margin-top: 0;\n}\n.dark {\n background-color: #201c2b;\n color: #e5e3e8;\n}\n.dark a {\n color: #e2dbf0;\n}\n.dark .mdc-card .mdc-card__supporting-text {\n color: #e5e3e8;\n}\n.dark .mdc-card.mdc-card--flat {\n background-color: #6441a4;\n color: inherit;\n}\n.dark .mdc-tab--active .mdc-tab__text-label {\n color: #6441a4;\n}\n.dark .mdc-tab__text-label {\n color: #e5e3e8;\n}\n.dark .mdc-form-field > label {\n color: #e2dbf0;\n}\n.dark .mdc-text-field, .dark .mdc-select {\n background-color: #6441a4;\n}\n.dark .mdc-text-field label, .dark .mdc-select label {\n color: #e2dbf0 !important;\n}\n.dark .mdc-text-field input, .dark .mdc-text-field select, .dark .mdc-select input, .dark .mdc-select select {\n color: #e5e3e8 !important;\n}\n.dark .mdc-button.mdc-button--outlined {\n border-color: #e2dbf0;\n color: #e2dbf0;\n}\n.dark .mdc-list {\n color: inherit;\n}\n.dark .mdc-list .mdc-list-item .mdc-list-item__secondary-text {\n color: #e2dbf0;\n}\n.dark .vote-notice .cta {\n background-color: #6441a4;\n}\n.dark .selection .card {\n background-color: #201c2b;\n}\n.dark .selection .card .ship {\n background-color: #6441a4;\n border-color: #6441a4;\n}\n.dark .selection .card .ship .vote-button {\n background-color: #e5e3e8;\n color: #6441a4;\n}\n.dark .selection .card .ship .progress-bar .progress {\n background-color: rgba(255, 255, 255, 0.5);\n}\n.typography {\n font-family: Roboto, sans-serif;\n}\n.typography__color--warning {\n color: orange;\n}\n.typography__color--success {\n color: #3fc380;\n}\n.typography__color--error {\n color: #d24d57;\n}\n.typography--headline1 {\n font-size: 20px;\n font-weight: bold;\n display: block;\n}\n.typography--subtitle {\n color: #3f3f3f;\n}\n.card {\n background-color: #ffffff;\n border-radius: 4px;\n padding: 8px 12px;\n overflow: hidden;\n}\n.card .card__divider {\n height: 12px;\n}\n.raised {\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n}\n.button {\n border-radius: 4px;\n padding: 8px;\n background-color: #6441a4;\n cursor: pointer;\n font-weight: normal;\n color: white;\n text-transform: uppercase;\n}\n.button:hover {\n background-color: #6f48b6;\n}\n.mdc-list.mdc-list--bordered li:first-child {\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n}\n.mdc-list.mdc-list--bordered li:last-child {\n border-bottom-left-radius: 8px;\n border-bottom-right-radius: 8px;\n}\n.mdc-card.mdc-card--flat {\n padding: 4px;\n box-shadow: none;\n border-radius: 8px;\n background-color: #f8f9fa;\n color: #5f6368;\n}\n.mdc-button.mdc-button--danger {\n --mdc-theme-primary: rgba(210, 77, 87, 1);\n}\n.mdc-button.mdc-button--primary {\n --mdc-theme-primary: rgba(63, 195, 128, 1);\n}\n.mdc-list-item__graphic {\n margin-top: -32px;\n}\n.mdc-list .mdc-list-item {\n padding-top: 16px;\n}\n:root {\n --mdc-theme-secondary: #6441a4;\n --mdc-theme-primary: #6441a4;\n}\n", ""]); +exports.push([module.i, "\n.mdc-text-field--box {\n margin-top: 0;\n}\n.dark {\n background-color: #201c2b;\n color: #e5e3e8;\n}\n.dark a {\n color: #e2dbf0;\n}\n.dark .mdc-card .mdc-card__supporting-text {\n color: #e5e3e8;\n}\n.dark .mdc-card.mdc-card--flat {\n background-color: #6441a4;\n color: inherit;\n}\n.dark .mdc-tab--active .mdc-tab__text-label {\n color: #6441a4;\n}\n.dark .mdc-tab__text-label {\n color: #e5e3e8;\n}\n.dark .mdc-form-field > label {\n color: #e2dbf0;\n}\n.dark .mdc-text-field, .dark .mdc-select {\n background-color: #6441a4;\n}\n.dark .mdc-text-field label, .dark .mdc-select label {\n color: #e2dbf0 !important;\n}\n.dark .mdc-text-field input, .dark .mdc-text-field select, .dark .mdc-select input, .dark .mdc-select select {\n color: #e5e3e8 !important;\n}\n.dark .mdc-button.mdc-button--outlined {\n border-color: #e2dbf0;\n color: #e2dbf0;\n}\n.dark .mdc-list {\n color: inherit;\n}\n.dark .mdc-list .mdc-list-item .mdc-list-item__secondary-text {\n color: #e2dbf0;\n}\n.dark .mdc-list.mdc-list--bordered .mdc-list-item {\n border-color: #e2dbf0;\n}\n.dark .vote-notice .cta {\n background-color: #6441a4;\n}\n.dark .selection .card {\n background-color: #201c2b;\n}\n.dark .selection .card .ship {\n background-color: #6441a4;\n border-color: #6441a4;\n}\n.dark .selection .card .ship .vote-button {\n background-color: #e5e3e8;\n color: #6441a4;\n}\n.dark .selection .card .ship .progress-bar .progress {\n background-color: rgba(255, 255, 255, 0.5);\n}\n.typography {\n font-family: Roboto, sans-serif;\n}\n.typography__color--warning {\n color: orange;\n}\n.typography__color--success {\n color: #3fc380;\n}\n.typography__color--error {\n color: #d24d57;\n}\n.typography--headline1 {\n font-size: 20px;\n font-weight: bold;\n display: block;\n}\n.typography--subtitle {\n color: #3f3f3f;\n}\n.card {\n background-color: #ffffff;\n border-radius: 4px;\n padding: 8px 12px;\n overflow: hidden;\n}\n.card .card__divider {\n height: 12px;\n}\n.raised {\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n}\n.mdc-list .mdc-list-item {\n padding-top: 8px;\n}\n.mdc-list .mdc-list-item .mdc-list-item__graphic {\n padding-left: 8px;\n}\n.mdc-list .mdc-list-item .mdc-list-item__text {\n margin-top: 4px;\n}\n.mdc-list .mdc-list-item .mdc-list-item__meta {\n margin-top: -8px;\n}\n.button {\n border-radius: 4px;\n padding: 8px;\n background-color: #6441a4;\n cursor: pointer;\n font-weight: normal;\n color: white;\n text-transform: uppercase;\n}\n.button:hover {\n background-color: #6f48b6;\n}\n.mdc-list.mdc-list--bordered li:first-child {\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n}\n.mdc-list.mdc-list--bordered li:last-child {\n border-bottom-left-radius: 8px;\n border-bottom-right-radius: 8px;\n}\n.mdc-card.mdc-card--flat {\n padding: 4px;\n box-shadow: none;\n border-radius: 8px;\n background-color: #f8f9fa;\n color: #5f6368;\n}\n.mdc-button.mdc-button--danger {\n --mdc-theme-primary: rgba(210, 77, 87, 1);\n}\n.mdc-button.mdc-button--primary {\n --mdc-theme-primary: rgba(63, 195, 128, 1);\n}\n:root {\n --mdc-theme-secondary: #6441a4;\n --mdc-theme-primary: #6441a4;\n}\n", ""]); // exports @@ -2468,7 +2515,7 @@ exports.push([module.i, "\n.mdc-text-field--box {\n margin-top: 0;\n}\n.dark {\ "use strict"; var render = function () { var this$1 = this; -var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('mdc-layout-grid',{class:_vm.theme},[_c('mdc-layout-cell',{attrs:{"span":12}},[_c('mdc-card',{staticClass:"mdc-card--flat"},[_c('mdc-card-text',{staticStyle:{"padding-left":"16px"}},[_c('mdc-body',[_vm._v("Learn how to use this extension "),_c('a',{attrs:{"target":"_blank","href":"https://shipvote.in.fkn.space/getting-started"}},[_vm._v("here")]),_vm._v(".")])],1)],1)],1),_vm._v(" "),(_vm.error)?_c('mdc-layout-cell',{attrs:{"span":12}},[(!_vm.voting)?_c('span',{staticClass:"typography__color--error"},[_vm._v("Could not load configuration")]):_vm._e()]):_vm._e(),_vm._v(" "),(!_vm.loaded_configuration)?_c('mdc-layout-cell',{attrs:{"span":12}},[_c('mdc-linear-progress',{attrs:{"indeterminate":""}})],1):_vm._e(),_vm._v(" "),(!_vm.configured && _vm.loaded_configuration)?_c('mdc-layout-cell',{attrs:{"span":12}},[_c('mdc-card',{attrs:{"outlined":""}},[_c('mdc-card-header',{staticClass:"typography__color--error",staticStyle:{"padding":"8px"}},[_vm._v("\n No personal configuration\n ")]),_vm._v(" "),_c('mdc-card-text',{staticStyle:{"padding":"8px"}},[_c('mdc-body',[_vm._v("You did not configure this extension yet. Head over to your twitch dashboard, then go to \"Extensions\", \"My Extensions\"\n and Click on the cog icon to configure this extension.")]),_vm._v(" "),_c('mdc-button',{attrs:{"outlined":""},on:{"click":_vm.loadChannelConfig}},[_vm._v("Reload")])],1)],1)],1):_vm._e(),_vm._v(" "),(_vm.configured && _vm.loaded_configuration)?_c('mdc-layout-cell',{attrs:{"span":12}},[_c('mdc-card',{staticClass:"mdc-card--flat",staticStyle:{"text-align":"center"}},[_c('mdc-card-header',[_c('mdc-headline',[_vm._v("\n Vote is\n "),(_vm.voting)?_c('span',{staticClass:"typography__color--success"},[_vm._v("open")]):_vm._e(),_vm._v(" "),(!_vm.voting)?_c('span',{staticClass:"typography__color--error"},[_vm._v("closed")]):_vm._e()]),_vm._v(" "),(!_vm.voting)?_c('mdc-body',[_vm._v("Based on the current filter, the vote will include "+_vm._s(_vm.filteredShips.length)+" ships.")]):_vm._e(),_vm._v(" "),(!_vm.voting)?_c('mdc-button',{staticClass:"mdc-button--primary",attrs:{"unelevated":true},on:{"click":_vm.openVote}},[_vm._v("Open")]):_vm._e(),_vm._v(" "),(_vm.voting)?_c('mdc-button',{staticClass:"mdc-button--danger",attrs:{"unelevated":true},on:{"click":_vm.closeVote}},[_vm._v("Close")]):_vm._e(),_vm._v(" "),_c('br'),_vm._v(" "),_c('br')],1)],1),_vm._v(" "),(_vm.voting)?_c('div',[_c('mdc-headline',[_vm._v("Vote Statistics")]),_vm._v(" "),_c('mdc-list',{attrs:{"two-line":"","bordered":""}},[_c('mdc-list-item',[_c('span',[_c('strong',[_vm._v(_vm._s(_vm.stats.votes))])]),_vm._v(" "),_c('span',{attrs:{"slot":"secondary"},slot:"secondary"},[_vm._v("Participants")])]),_vm._v(" "),_c('mdc-list-item',[_c('span',[_c('strong',[_vm._v(_vm._s(_vm.mostVoted))])]),_vm._v(" "),_c('span',{attrs:{"slot":"secondary"},slot:"secondary"},[_vm._v("Most Votes")])])],1),_vm._v(" "),_c('mdc-headline',{attrs:{"tag":"h3"}},[_vm._v("Vote results")]),_vm._v(" "),_c('mdc-list',{attrs:{"two-line":"","bordered":""}},_vm._l((_vm.sortedVotes),function(ship){return _c('mdc-list-item',{key:ship.id},[_c('img',{attrs:{"slot":"start-detail","src":ship.image,"width":"56","height":"auto","alt":("Image of " + (ship.name))},slot:"start-detail"}),_vm._v(" "),_c('span',[_c('strong',[_vm._v(_vm._s(ship.name))])]),_vm._v(" "),_c('span',{attrs:{"slot":"secondary"},slot:"secondary"},[_vm._v(_vm._s(ship.votes)+" vote"+_vm._s(ship.votes === 1 ? '' : 's'))])])}))],1):_vm._e(),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(!_vm.voting),expression:"!voting"}]},[_c('mdc-headline',[_vm._v("General")]),_vm._v(" "),_c('mdc-checkbox',{attrs:{"label":"Premium Ships"},model:{value:(_vm.settings.premium),callback:function ($$v) {_vm.$set(_vm.settings, "premium", $$v)},expression:"settings.premium"}}),_vm._v(" "),_c('mdc-headline',[_vm._v("Filters")]),_vm._v(" "),_c('div',{staticClass:"mdc-tab-bar",attrs:{"role":"tablist"}},[_c('div',{staticClass:"mdc-tab-scroller"},[_c('div',{staticClass:"mdc-tab-scroller__scroll-area"},[_c('div',{staticClass:"mdc-tab-scroller__scroll-content"},[_c('button',{staticClass:"mdc-tab",class:{'mdc-tab--active': _vm.viewSetting === 0},attrs:{"role":"tab","aria-selected":_vm.viewSetting === 0,"tabindex":"0"},on:{"click":function () { return this$1.viewSetting = 0; }}},[_c('span',{staticClass:"mdc-tab__content"},[_c('span',{staticClass:"mdc-tab__text-label"},[_vm._v("Tier")])]),_vm._v(" "),(_vm.viewSetting === 0)?_c('span',{staticClass:"mdc-tab-indicator mdc-tab-indicator--active"},[_c('span',{staticClass:"mdc-tab-indicator__content mdc-tab-indicator__content--underline"})]):_vm._e(),_vm._v(" "),_c('span',{staticClass:"mdc-tab__ripple"})]),_vm._v(" "),_c('button',{staticClass:"mdc-tab",class:{'mdc-tab--active': _vm.viewSetting === 1},attrs:{"role":"tab","aria-selected":_vm.viewSetting === 1,"tabindex":"1"},on:{"click":function () { return this$1.viewSetting = 1; }}},[_c('span',{staticClass:"mdc-tab__content"},[_c('span',{staticClass:"mdc-tab__text-label"},[_vm._v("Type")])]),_vm._v(" "),(_vm.viewSetting === 1)?_c('span',{staticClass:"mdc-tab-indicator mdc-tab-indicator--active"},[_c('span',{staticClass:"mdc-tab-indicator__content mdc-tab-indicator__content--underline"})]):_vm._e(),_vm._v(" "),_c('span',{staticClass:"mdc-tab__ripple"})]),_vm._v(" "),_c('button',{staticClass:"mdc-tab",class:{'mdc-tab--active': _vm.viewSetting === 2},attrs:{"role":"tab","aria-selected":_vm.viewSetting === 2,"tabindex":"2"},on:{"click":function () { return this$1.viewSetting = 2; }}},[_c('span',{staticClass:"mdc-tab__content"},[_c('span',{staticClass:"mdc-tab__text-label"},[_vm._v("Nation")])]),_vm._v(" "),(_vm.viewSetting === 2)?_c('span',{staticClass:"mdc-tab-indicator mdc-tab-indicator--active"},[_c('span',{staticClass:"mdc-tab-indicator__content mdc-tab-indicator__content--underline"})]):_vm._e(),_vm._v(" "),_c('span',{staticClass:"mdc-tab__ripple"})])])])])]),_vm._v(" "),(_vm.viewSetting === 0)?_c('mdc-layout-grid',[_vm._l((_vm.settings.tiers),function(v,key){return [_c('mdc-layout-cell',{key:key},[_c('mdc-checkbox',{attrs:{"label":("Tier " + (key + 1))},model:{value:(_vm.settings.tiers[key]),callback:function ($$v) {_vm.$set(_vm.settings.tiers, key, $$v)},expression:"settings.tiers[key]"}})],1)]})],2):_vm._e(),_vm._v(" "),(_vm.viewSetting === 1)?_c('mdc-layout-grid',[_vm._l((Object.keys(_vm.settings.types)),function(key){return [_c('mdc-layout-cell',{key:key},[_c('mdc-checkbox',{attrs:{"label":key},model:{value:(_vm.settings.types[key]),callback:function ($$v) {_vm.$set(_vm.settings.types, key, $$v)},expression:"settings.types[key]"}})],1)]})],2):_vm._e(),_vm._v(" "),(_vm.viewSetting === 2)?_c('mdc-layout-grid',[_vm._l((Object.keys(_vm.settings.nations)),function(key){return [_c('mdc-layout-cell',{key:key},[_c('mdc-checkbox',{staticClass:"checkbox",attrs:{"label":key},model:{value:(_vm.settings.nations[key]),callback:function ($$v) {_vm.$set(_vm.settings.nations, key, $$v)},expression:"settings.nations[key]"}})],1)]})],2):_vm._e()],1),_vm._v(" "),_c('mdc-card',{staticClass:"mdc-card--flat"},[_c('mdc-card-text',[_c('mdc-body',{attrs:{"typo":"body2"}},[_vm._v("\n Got feedback, need help or want to give me some love? Contact me on Twitch(rukenshia), Discord (Rukenshia#4396), or "),_c('a',{attrs:{"href":"mailto:jan@ruken.pw"}},[_vm._v("via mail")])])],1)],1)],1):_vm._e()],1)} +var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('mdc-layout-grid',{class:_vm.theme},[_c('mdc-layout-cell',{attrs:{"span":12}},[_c('mdc-card',{staticClass:"mdc-card--flat"},[_c('mdc-card-text',{staticStyle:{"padding-left":"16px"}},[_c('mdc-body',[_vm._v("Learn how to use this extension\n "),_c('a',{attrs:{"target":"_blank","href":"https://shipvote.in.fkn.space/getting-started"}},[_vm._v("here")]),_vm._v(".\n ")])],1)],1)],1),_vm._v(" "),(_vm.error)?_c('mdc-layout-cell',{attrs:{"span":12}},[(!_vm.voting)?_c('span',{staticClass:"typography__color--error"},[_vm._v("Could not load configuration")]):_vm._e()]):_vm._e(),_vm._v(" "),(!_vm.loaded_configuration)?_c('mdc-layout-cell',{attrs:{"span":12}},[_c('mdc-linear-progress',{attrs:{"indeterminate":""}})],1):_vm._e(),_vm._v(" "),(!_vm.configured && _vm.loaded_configuration)?_c('mdc-layout-cell',{attrs:{"span":12}},[_c('mdc-card',{attrs:{"outlined":""}},[_c('mdc-card-header',{staticClass:"typography__color--error",staticStyle:{"padding":"8px"}},[_vm._v("No personal configuration")]),_vm._v(" "),_c('mdc-card-text',{staticStyle:{"padding":"8px"}},[_c('mdc-body',[_vm._v("\n You did not configure this extension yet. Head over to your twitch dashboard, then go to \"Extensions\", \"My Extensions\"\n and Click on the cog icon to configure this extension.\n ")]),_vm._v(" "),_c('mdc-button',{attrs:{"outlined":""},on:{"click":_vm.loadChannelConfig}},[_vm._v("Reload")])],1)],1)],1):_vm._e(),_vm._v(" "),(_vm.configured && _vm.loaded_configuration)?_c('mdc-layout-cell',{attrs:{"span":12}},[_c('mdc-card',{staticClass:"mdc-card--flat",staticStyle:{"text-align":"center"}},[_c('mdc-card-header',[_c('mdc-headline',[_vm._v("\n Vote is\n "),(_vm.voting)?_c('span',{staticClass:"typography__color--success"},[_vm._v("open")]):_vm._e(),_vm._v(" "),(!_vm.voting)?_c('span',{staticClass:"typography__color--error"},[_vm._v("closed")]):_vm._e()]),_vm._v(" "),(!_vm.voting)?_c('mdc-body',[_vm._v("Based on the current filter, the vote will include "+_vm._s(_vm.filteredShips.length)+" ships.")]):_vm._e(),_vm._v(" "),(!_vm.voting)?_c('mdc-button',{staticClass:"mdc-button--primary",attrs:{"unelevated":true},on:{"click":_vm.openVote}},[_vm._v("Open")]):_vm._e(),_vm._v(" "),(_vm.voting)?_c('mdc-button',{staticClass:"mdc-button--danger",attrs:{"unelevated":true},on:{"click":_vm.closeVote}},[_vm._v("Close")]):_vm._e(),_vm._v(" "),_c('br'),_vm._v(" "),_c('br')],1)],1),_vm._v(" "),(_vm.voting)?_c('div',[_c('mdc-headline',[_vm._v("Vote Statistics")]),_vm._v(" "),_c('mdc-list',{attrs:{"two-line":"","bordered":""}},[_c('mdc-list-item',[_c('span',[_c('strong',[_vm._v(_vm._s(_vm.stats.votes))])]),_vm._v(" "),_c('span',{attrs:{"slot":"secondary"},slot:"secondary"},[_vm._v("Participants")])]),_vm._v(" "),_c('mdc-list-item',[_c('span',[_c('strong',[_vm._v(_vm._s(_vm.mostVoted))])]),_vm._v(" "),_c('span',{attrs:{"slot":"secondary"},slot:"secondary"},[_vm._v("Most Votes")])])],1),_vm._v(" "),_c('mdc-headline',{attrs:{"tag":"h3"}},[_vm._v("Vote results")]),_vm._v(" "),_c('mdc-list',{attrs:{"two-line":"","bordered":""}},_vm._l((_vm.sortedVotes),function(ship){return _c('mdc-list-item',{key:ship.id},[_c('img',{attrs:{"slot":"start-detail","src":ship.image,"width":"56","height":"auto","alt":("Image of " + (ship.name))},slot:"start-detail"}),_vm._v(" "),_c('span',[_c('strong',[_vm._v(_vm._s(ship.name))])]),_vm._v(" "),_c('span',{attrs:{"slot":"secondary"},slot:"secondary"},[_vm._v(_vm._s(ship.votes)+" vote"+_vm._s(ship.votes === 1 ? '' : 's'))])])}))],1):_vm._e(),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(!_vm.voting),expression:"!voting"}]},[_c('mdc-headline',[_vm._v("General")]),_vm._v(" "),_c('mdc-checkbox',{attrs:{"label":"Premium Ships"},model:{value:(_vm.settings.premium),callback:function ($$v) {_vm.$set(_vm.settings, "premium", $$v)},expression:"settings.premium"}}),_vm._v(" "),_c('mdc-headline',[_vm._v("Filters")]),_vm._v(" "),_c('div',{staticClass:"mdc-tab-bar",attrs:{"role":"tablist"}},[_c('div',{staticClass:"mdc-tab-scroller"},[_c('div',{staticClass:"mdc-tab-scroller__scroll-area"},[_c('div',{staticClass:"mdc-tab-scroller__scroll-content"},[_c('button',{staticClass:"mdc-tab",class:{'mdc-tab--active': _vm.viewSetting === 0},attrs:{"role":"tab","aria-selected":_vm.viewSetting === 0,"tabindex":"0"},on:{"click":function () { return this$1.viewSetting = 0; }}},[_c('span',{staticClass:"mdc-tab__content"},[_c('span',{staticClass:"mdc-tab__text-label"},[_vm._v("Tier")])]),_vm._v(" "),(_vm.viewSetting === 0)?_c('span',{staticClass:"mdc-tab-indicator mdc-tab-indicator--active"},[_c('span',{staticClass:"mdc-tab-indicator__content mdc-tab-indicator__content--underline"})]):_vm._e(),_vm._v(" "),_c('span',{staticClass:"mdc-tab__ripple"})]),_vm._v(" "),_c('button',{staticClass:"mdc-tab",class:{'mdc-tab--active': _vm.viewSetting === 1},attrs:{"role":"tab","aria-selected":_vm.viewSetting === 1,"tabindex":"1"},on:{"click":function () { return this$1.viewSetting = 1; }}},[_c('span',{staticClass:"mdc-tab__content"},[_c('span',{staticClass:"mdc-tab__text-label"},[_vm._v("Type")])]),_vm._v(" "),(_vm.viewSetting === 1)?_c('span',{staticClass:"mdc-tab-indicator mdc-tab-indicator--active"},[_c('span',{staticClass:"mdc-tab-indicator__content mdc-tab-indicator__content--underline"})]):_vm._e(),_vm._v(" "),_c('span',{staticClass:"mdc-tab__ripple"})]),_vm._v(" "),_c('button',{staticClass:"mdc-tab",class:{'mdc-tab--active': _vm.viewSetting === 2},attrs:{"role":"tab","aria-selected":_vm.viewSetting === 2,"tabindex":"2"},on:{"click":function () { return this$1.viewSetting = 2; }}},[_c('span',{staticClass:"mdc-tab__content"},[_c('span',{staticClass:"mdc-tab__text-label"},[_vm._v("Nation")])]),_vm._v(" "),(_vm.viewSetting === 2)?_c('span',{staticClass:"mdc-tab-indicator mdc-tab-indicator--active"},[_c('span',{staticClass:"mdc-tab-indicator__content mdc-tab-indicator__content--underline"})]):_vm._e(),_vm._v(" "),_c('span',{staticClass:"mdc-tab__ripple"})])])])])]),_vm._v(" "),(_vm.viewSetting === 0)?_c('mdc-layout-grid',[_vm._l((_vm.settings.tiers),function(v,key){return [_c('mdc-layout-cell',{key:key},[_c('mdc-checkbox',{attrs:{"label":("Tier " + (key + 1))},model:{value:(_vm.settings.tiers[key]),callback:function ($$v) {_vm.$set(_vm.settings.tiers, key, $$v)},expression:"settings.tiers[key]"}})],1)]})],2):_vm._e(),_vm._v(" "),(_vm.viewSetting === 1)?_c('mdc-layout-grid',[_vm._l((Object.keys(_vm.settings.types)),function(key){return [_c('mdc-layout-cell',{key:key},[_c('mdc-checkbox',{attrs:{"label":key},model:{value:(_vm.settings.types[key]),callback:function ($$v) {_vm.$set(_vm.settings.types, key, $$v)},expression:"settings.types[key]"}})],1)]})],2):_vm._e(),_vm._v(" "),(_vm.viewSetting === 2)?_c('mdc-layout-grid',[_vm._l((Object.keys(_vm.settings.nations)),function(key){return [_c('mdc-layout-cell',{key:key},[_c('mdc-checkbox',{staticClass:"checkbox",attrs:{"label":key},model:{value:(_vm.settings.nations[key]),callback:function ($$v) {_vm.$set(_vm.settings.nations, key, $$v)},expression:"settings.nations[key]"}})],1)]})],2):_vm._e()],1),_vm._v(" "),_c('mdc-card',{staticClass:"mdc-card--flat"},[_c('mdc-card-text',[_c('mdc-body',{attrs:{"typo":"body2"}},[_vm._v("Got feedback, need help or want to give me some love? Contact me on Twitch(rukenshia), Discord (Rukenshia#4396), or\n "),_c('a',{attrs:{"href":"mailto:jan@ruken.pw"}},[_vm._v("via mail")])])],1)],1)],1):_vm._e()],1)} var staticRenderFns = [] var esExports = { render: render, staticRenderFns: staticRenderFns } /* harmony default export */ __webpack_exports__["a"] = (esExports); diff --git a/frontend/shipvote-frontend/dist/video_overlay.vue.js b/frontend/shipvote-frontend/dist/video_overlay.vue.js index 92e22ec..83b0864 100644 --- a/frontend/shipvote-frontend/dist/video_overlay.vue.js +++ b/frontend/shipvote-frontend/dist/video_overlay.vue.js @@ -2350,7 +2350,7 @@ exports = module.exports = __webpack_require__(0)(false); exports.push([module.i, "@import url(https://fonts.googleapis.com/css?family=Roboto);", ""]); // module -exports.push([module.i, "\n.mdc-text-field--box {\n margin-top: 0;\n}\n.dark {\n background-color: #201c2b;\n color: #e5e3e8;\n}\n.dark a {\n color: #e2dbf0;\n}\n.dark .mdc-card .mdc-card__supporting-text {\n color: #e5e3e8;\n}\n.dark .mdc-card.mdc-card--flat {\n background-color: #6441a4;\n color: inherit;\n}\n.dark .mdc-tab--active .mdc-tab__text-label {\n color: #6441a4;\n}\n.dark .mdc-tab__text-label {\n color: #e5e3e8;\n}\n.dark .mdc-form-field > label {\n color: #e2dbf0;\n}\n.dark .mdc-text-field, .dark .mdc-select {\n background-color: #6441a4;\n}\n.dark .mdc-text-field label, .dark .mdc-select label {\n color: #e2dbf0 !important;\n}\n.dark .mdc-text-field input, .dark .mdc-text-field select, .dark .mdc-select input, .dark .mdc-select select {\n color: #e5e3e8 !important;\n}\n.dark .mdc-button.mdc-button--outlined {\n border-color: #e2dbf0;\n color: #e2dbf0;\n}\n.dark .mdc-list {\n color: inherit;\n}\n.dark .mdc-list .mdc-list-item .mdc-list-item__secondary-text {\n color: #e2dbf0;\n}\n.dark .vote-notice .cta {\n background-color: #6441a4;\n}\n.dark .selection .card {\n background-color: #201c2b;\n}\n.dark .selection .card .ship {\n background-color: #6441a4;\n border-color: #6441a4;\n}\n.dark .selection .card .ship .vote-button {\n background-color: #e5e3e8;\n color: #6441a4;\n}\n.dark .selection .card .ship .progress-bar .progress {\n background-color: rgba(255, 255, 255, 0.5);\n}\n.typography {\n font-family: Roboto, sans-serif;\n}\n.typography__color--warning {\n color: orange;\n}\n.typography__color--success {\n color: #3fc380;\n}\n.typography__color--error {\n color: #d24d57;\n}\n.typography--headline1 {\n font-size: 20px;\n font-weight: bold;\n display: block;\n}\n.typography--subtitle {\n color: #3f3f3f;\n}\n.card {\n background-color: #ffffff;\n border-radius: 4px;\n padding: 8px 12px;\n overflow: hidden;\n}\n.card .card__divider {\n height: 12px;\n}\n.raised {\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n}\n.vote-notice {\n position: fixed;\n left: 50%;\n bottom: 88px;\n transform: translateX(-50%);\n}\n.vote-notice[data-active='true'] .cta {\n opacity: 1;\n}\n.vote-notice[data-initial='true'] .cta,\n .vote-notice[data-active='true']:hover .cta {\n width: 186px;\n}\n.vote-notice[data-active='true']:hover .cta {\n transition: width 0.5s;\n cursor: pointer;\n}\n.vote-notice[data-dismissed='true'] .cta {\n transition: width 0.5s, opacity 0.2s;\n}\n.vote-notice .cta {\n display: flex;\n align-items: center;\n background-color: #ffffff;\n border-radius: 20px;\n padding: 8px 12px;\n width: 24px;\n height: 24px;\n overflow: hidden;\n opacity: 0;\n transition: width 0.5s 0.8s, opacity 1s ease-in;\n}\n.vote-notice .cta span {\n margin-left: 4px;\n font-size: 16px;\n font-family: Roboto;\n white-space: nowrap;\n overflow: hidden;\n}\n.selection {\n position: fixed;\n left: 8px;\n top: 80px;\n width: 386px;\n}\n.selection .card {\n height: 0;\n opacity: 0;\n visibility: hidden;\n overflow-y: scroll;\n transition: visibility 0s linear 0.5s, height 0.5s, opacity 0.45s;\n}\n.selection[data-active='true'] .card {\n visibility: visible;\n transition-delay: 0s;\n opacity: 1;\n}\n:root {\n --mdc-theme-secondary: #6441a4;\n --mdc-theme-primary: #6441a4;\n}\n", ""]); +exports.push([module.i, "\n.mdc-text-field--box {\n margin-top: 0;\n}\n.dark {\n background-color: #201c2b;\n color: #e5e3e8;\n}\n.dark a {\n color: #e2dbf0;\n}\n.dark .mdc-card .mdc-card__supporting-text {\n color: #e5e3e8;\n}\n.dark .mdc-card.mdc-card--flat {\n background-color: #6441a4;\n color: inherit;\n}\n.dark .mdc-tab--active .mdc-tab__text-label {\n color: #6441a4;\n}\n.dark .mdc-tab__text-label {\n color: #e5e3e8;\n}\n.dark .mdc-form-field > label {\n color: #e2dbf0;\n}\n.dark .mdc-text-field, .dark .mdc-select {\n background-color: #6441a4;\n}\n.dark .mdc-text-field label, .dark .mdc-select label {\n color: #e2dbf0 !important;\n}\n.dark .mdc-text-field input, .dark .mdc-text-field select, .dark .mdc-select input, .dark .mdc-select select {\n color: #e5e3e8 !important;\n}\n.dark .mdc-button.mdc-button--outlined {\n border-color: #e2dbf0;\n color: #e2dbf0;\n}\n.dark .mdc-list {\n color: inherit;\n}\n.dark .mdc-list .mdc-list-item .mdc-list-item__secondary-text {\n color: #e2dbf0;\n}\n.dark .mdc-list.mdc-list--bordered .mdc-list-item {\n border-color: #e2dbf0;\n}\n.dark .vote-notice .cta {\n background-color: #6441a4;\n}\n.dark .selection .card {\n background-color: #201c2b;\n}\n.dark .selection .card .ship {\n background-color: #6441a4;\n border-color: #6441a4;\n}\n.dark .selection .card .ship .vote-button {\n background-color: #e5e3e8;\n color: #6441a4;\n}\n.dark .selection .card .ship .progress-bar .progress {\n background-color: rgba(255, 255, 255, 0.5);\n}\n.typography {\n font-family: Roboto, sans-serif;\n}\n.typography__color--warning {\n color: orange;\n}\n.typography__color--success {\n color: #3fc380;\n}\n.typography__color--error {\n color: #d24d57;\n}\n.typography--headline1 {\n font-size: 20px;\n font-weight: bold;\n display: block;\n}\n.typography--subtitle {\n color: #3f3f3f;\n}\n.card {\n background-color: #ffffff;\n border-radius: 4px;\n padding: 8px 12px;\n overflow: hidden;\n}\n.card .card__divider {\n height: 12px;\n}\n.raised {\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n}\n.vote-notice {\n position: fixed;\n left: 50%;\n bottom: 88px;\n transform: translateX(-50%);\n}\n.vote-notice[data-active='true'] .cta {\n opacity: 1;\n}\n.vote-notice[data-initial='true'] .cta,\n .vote-notice[data-active='true']:hover .cta {\n width: 186px;\n}\n.vote-notice[data-active='true']:hover .cta {\n transition: width 0.5s;\n cursor: pointer;\n}\n.vote-notice[data-dismissed='true'] .cta {\n transition: width 0.5s, opacity 0.2s;\n}\n.vote-notice .cta {\n display: flex;\n align-items: center;\n background-color: #ffffff;\n border-radius: 20px;\n padding: 8px 12px;\n width: 24px;\n height: 24px;\n overflow: hidden;\n opacity: 0;\n transition: width 0.5s 0.8s, opacity 1s ease-in;\n}\n.vote-notice .cta span {\n margin-left: 4px;\n font-size: 16px;\n font-family: Roboto;\n white-space: nowrap;\n overflow: hidden;\n}\n.selection {\n position: fixed;\n left: 8px;\n top: 80px;\n width: 386px;\n}\n.selection .card {\n height: 0;\n opacity: 0;\n visibility: hidden;\n overflow-y: scroll;\n transition: visibility 0s linear 0.5s, height 0.5s, opacity 0.45s;\n}\n.selection[data-active='true'] .card {\n visibility: visible;\n transition-delay: 0s;\n opacity: 1;\n}\n:root {\n --mdc-theme-secondary: #6441a4;\n --mdc-theme-primary: #6441a4;\n}\n", ""]); // exports @@ -2426,7 +2426,7 @@ exports.push([module.i, "\n.card {\n background-color: #ffffff;\n border-radiu "use strict"; /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_Ship_vue__ = __webpack_require__(10); /* unused harmony namespace reexport */ -/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_1bf0bfed_hasScoped_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_Ship_vue__ = __webpack_require__(29); +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_c5283a58_hasScoped_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_Ship_vue__ = __webpack_require__(29); function injectStyle (ssrContext) { __webpack_require__(27) } @@ -2446,7 +2446,7 @@ var __vue_scopeId__ = null var __vue_module_identifier__ = null var Component = normalizeComponent( __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_Ship_vue__["a" /* default */], - __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_1bf0bfed_hasScoped_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_Ship_vue__["a" /* default */], + __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_c5283a58_hasScoped_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_Ship_vue__["a" /* default */], __vue_template_functional__, __vue_styles__, __vue_scopeId__, @@ -2467,7 +2467,7 @@ var content = __webpack_require__(28); if(typeof content === 'string') content = [[module.i, content, '']]; if(content.locals) module.exports = content.locals; // add the styles to the DOM -var update = __webpack_require__(1)("6d3995f4", content, true, {}); +var update = __webpack_require__(1)("c2dbee1e", content, true, {}); /***/ }), /* 28 */ diff --git a/frontend/shipvote-frontend/src/_darkmode.scss b/frontend/shipvote-frontend/src/_darkmode.scss index 256dbb5..59f2807 100644 --- a/frontend/shipvote-frontend/src/_darkmode.scss +++ b/frontend/shipvote-frontend/src/_darkmode.scss @@ -62,6 +62,10 @@ .mdc-list-item .mdc-list-item__secondary-text { color: $color--text-highlight; } + + &.mdc-list--bordered .mdc-list-item { + border-color: $color--text-highlight; + } } .vote-notice .cta { diff --git a/frontend/shipvote-frontend/src/_list.scss b/frontend/shipvote-frontend/src/_list.scss new file mode 100644 index 0000000..c919caf --- /dev/null +++ b/frontend/shipvote-frontend/src/_list.scss @@ -0,0 +1,15 @@ +.mdc-list .mdc-list-item { + padding-top: 8px; + + .mdc-list-item__graphic { + padding-left: 8px; + } + + .mdc-list-item__text { + margin-top: 4px; + } + + .mdc-list-item__meta { + margin-top: -8px; + } +} diff --git a/frontend/shipvote-frontend/src/config/App.vue b/frontend/shipvote-frontend/src/config/App.vue index 701d712..4dd8417 100644 --- a/frontend/shipvote-frontend/src/config/App.vue +++ b/frontend/shipvote-frontend/src/config/App.vue @@ -270,6 +270,7 @@ export default window.App; @import '../darkmode'; @import '../typography'; @import '../card'; +@import '../list'; :root { --mdc-theme-secondary: #6441a4; @@ -296,10 +297,6 @@ export default window.App; border-bottom-right-radius: 8px; } -.mdc-list .mdc-list-item { - padding-top: 16px; -} - .fullwidth, .fullwidth .mdc-textfield { width: 100%; diff --git a/frontend/shipvote-frontend/src/live_config/App.vue b/frontend/shipvote-frontend/src/live_config/App.vue index 5c861bb..26f0123 100644 --- a/frontend/shipvote-frontend/src/live_config/App.vue +++ b/frontend/shipvote-frontend/src/live_config/App.vue @@ -1,164 +1,211 @@