mirror of https://github.com/requarks/wiki
NGPixel
1 month ago
parent
1c65d23408
commit
c9c071fe58
@ -1,4 +0,0 @@
|
|||||||
/dist
|
|
||||||
/.quasar
|
|
||||||
/node_modules
|
|
||||||
.eslintrc.js
|
|
||||||
@ -1,87 +0,0 @@
|
|||||||
module.exports = {
|
|
||||||
// https://eslint.org/docs/user-guide/configuring#configuration-cascading-and-hierarchy
|
|
||||||
// This option interrupts the configuration hierarchy at this file
|
|
||||||
// Remove this if you have an higher level ESLint config file (it usually happens into a monorepos)
|
|
||||||
root: true,
|
|
||||||
|
|
||||||
parserOptions: {
|
|
||||||
ecmaVersion: '2021' // Allows for the parsing of modern ECMAScript features
|
|
||||||
},
|
|
||||||
|
|
||||||
env: {
|
|
||||||
node: true,
|
|
||||||
browser: true,
|
|
||||||
'vue/setup-compiler-macros': true
|
|
||||||
},
|
|
||||||
|
|
||||||
// Rules order is important, please avoid shuffling them
|
|
||||||
extends: [
|
|
||||||
// Base ESLint recommended rules
|
|
||||||
// 'eslint:recommended',
|
|
||||||
|
|
||||||
// Uncomment any of the lines below to choose desired strictness,
|
|
||||||
// but leave only one uncommented!
|
|
||||||
// See https://eslint.vuejs.org/rules/#available-rules
|
|
||||||
// 'plugin:vue/vue3-essential', // Priority A: Essential (Error Prevention)
|
|
||||||
'plugin:vue/vue3-strongly-recommended', // Priority B: Strongly Recommended (Improving Readability)
|
|
||||||
// 'plugin:vue/vue3-recommended', // Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead)
|
|
||||||
|
|
||||||
'plugin:vue-pug/vue3-strongly-recommended',
|
|
||||||
|
|
||||||
'standard'
|
|
||||||
],
|
|
||||||
|
|
||||||
plugins: [
|
|
||||||
// https://eslint.vuejs.org/user-guide/#why-doesn-t-it-work-on-vue-files
|
|
||||||
// required to lint *.vue files
|
|
||||||
'vue'
|
|
||||||
],
|
|
||||||
|
|
||||||
globals: {
|
|
||||||
ga: 'readonly', // Google Analytics
|
|
||||||
__statics: 'readonly',
|
|
||||||
__QUASAR_SSR__: 'readonly',
|
|
||||||
__QUASAR_SSR_SERVER__: 'readonly',
|
|
||||||
__QUASAR_SSR_CLIENT__: 'readonly',
|
|
||||||
__QUASAR_SSR_PWA__: 'readonly',
|
|
||||||
process: 'readonly',
|
|
||||||
APOLLO_CLIENT: 'readonly',
|
|
||||||
EVENT_BUS: 'readonly'
|
|
||||||
},
|
|
||||||
|
|
||||||
// add your custom rules here
|
|
||||||
rules: {
|
|
||||||
// allow async-await
|
|
||||||
'generator-star-spacing': 'off',
|
|
||||||
// allow paren-less arrow functions
|
|
||||||
'arrow-parens': 'off',
|
|
||||||
'one-var': 'off',
|
|
||||||
'no-void': 'off',
|
|
||||||
'multiline-ternary': 'off',
|
|
||||||
|
|
||||||
'import/first': 'off',
|
|
||||||
'import/named': 'error',
|
|
||||||
'import/namespace': 'error',
|
|
||||||
'import/default': 'error',
|
|
||||||
'import/export': 'error',
|
|
||||||
'import/extensions': 'off',
|
|
||||||
'import/no-unresolved': 'off',
|
|
||||||
'import/no-extraneous-dependencies': 'off',
|
|
||||||
|
|
||||||
'prefer-promise-reject-errors': 'off',
|
|
||||||
|
|
||||||
'no-unused-vars': 'off',
|
|
||||||
'vue/multi-word-component-names': 'off',
|
|
||||||
|
|
||||||
// allow debugger during development only
|
|
||||||
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
|
|
||||||
|
|
||||||
// disable bogus rules
|
|
||||||
'vue/valid-template-root': 'off',
|
|
||||||
'vue/no-parsing-error': 'off',
|
|
||||||
'vue-pug/no-parsing-error': 'off',
|
|
||||||
'vue/valid-v-for': 'off',
|
|
||||||
'vue/html-quotes': ['warn', 'single'],
|
|
||||||
'vue/max-attributes-per-line': 'off'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -0,0 +1,74 @@
|
|||||||
|
import js from '@eslint/js'
|
||||||
|
import neostandard from 'neostandard'
|
||||||
|
import pluginVue from 'eslint-plugin-vue'
|
||||||
|
import vueParser from 'vue-eslint-parser'
|
||||||
|
import { FlatCompat } from '@eslint/eslintrc'
|
||||||
|
|
||||||
|
const compat = new FlatCompat()
|
||||||
|
|
||||||
|
export default [
|
||||||
|
js.configs.recommended,
|
||||||
|
...pluginVue.configs['flat/essential'],
|
||||||
|
...neostandard(),
|
||||||
|
...compat.extends(
|
||||||
|
'plugin:vue-pug/vue3-recommended'
|
||||||
|
),
|
||||||
|
{
|
||||||
|
ignores: [
|
||||||
|
'/dist',
|
||||||
|
'/.quasar',
|
||||||
|
'/node_modules'
|
||||||
|
],
|
||||||
|
languageOptions: {
|
||||||
|
ecmaVersion: 'latest',
|
||||||
|
sourceType: 'module',
|
||||||
|
parser: vueParser,
|
||||||
|
globals: {
|
||||||
|
__statics: 'readonly',
|
||||||
|
__QUASAR_SSR__: 'readonly',
|
||||||
|
__QUASAR_SSR_SERVER__: 'readonly',
|
||||||
|
__QUASAR_SSR_CLIENT__: 'readonly',
|
||||||
|
__QUASAR_SSR_PWA__: 'readonly',
|
||||||
|
process: 'readonly',
|
||||||
|
Capacitor: 'readonly',
|
||||||
|
chrome: 'readonly',
|
||||||
|
APOLLO_CLIENT: 'readonly',
|
||||||
|
EVENT_BUS: 'readonly'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
// allow async-await
|
||||||
|
'generator-star-spacing': 'off',
|
||||||
|
// allow paren-less arrow functions
|
||||||
|
'arrow-parens': 'off',
|
||||||
|
'one-var': 'off',
|
||||||
|
'no-void': 'off',
|
||||||
|
'multiline-ternary': 'off',
|
||||||
|
|
||||||
|
'import/first': 'off',
|
||||||
|
'import/named': 'error',
|
||||||
|
'import/namespace': 'error',
|
||||||
|
'import/default': 'error',
|
||||||
|
'import/export': 'error',
|
||||||
|
'import/extensions': 'off',
|
||||||
|
'import/no-unresolved': 'off',
|
||||||
|
'import/no-extraneous-dependencies': 'off',
|
||||||
|
|
||||||
|
'prefer-promise-reject-errors': 'off',
|
||||||
|
|
||||||
|
'no-unused-vars': 'off',
|
||||||
|
'vue/multi-word-component-names': 'off',
|
||||||
|
|
||||||
|
// allow debugger during development only
|
||||||
|
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
|
||||||
|
|
||||||
|
// disable bogus rules
|
||||||
|
'vue/valid-template-root': 'off',
|
||||||
|
'vue/no-parsing-error': 'off',
|
||||||
|
'vue-pug/no-parsing-error': 'off',
|
||||||
|
'vue/valid-v-for': 'off',
|
||||||
|
'vue/html-quotes': ['warn', 'single'],
|
||||||
|
'vue/max-attributes-per-line': 'off'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,269 @@
|
|||||||
|
@use 'sass:color';
|
||||||
|
@use '../../node_modules/quasar/src/css/variables.sass' as quasar;
|
||||||
|
@use 'theme';
|
||||||
|
|
||||||
|
// app global css in SCSS form
|
||||||
|
// ------------------------------------------------------------------
|
||||||
|
// SCROLLBAR
|
||||||
|
// ------------------------------------------------------------------
|
||||||
|
|
||||||
|
html {
|
||||||
|
--scrollbarBG: #CCC;
|
||||||
|
--thumbBG: #999;
|
||||||
|
}
|
||||||
|
body::-webkit-scrollbar {
|
||||||
|
width: 7px;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
scrollbar-width: thin;
|
||||||
|
scrollbar-color: var(--thumbBG) var(--scrollbarBG);
|
||||||
|
}
|
||||||
|
body::-webkit-scrollbar-track {
|
||||||
|
background: var(--scrollbarBG);
|
||||||
|
}
|
||||||
|
body::-webkit-scrollbar-thumb {
|
||||||
|
background-color: var(--thumbBG);
|
||||||
|
border-radius: 6px;
|
||||||
|
border: 1px solid var(--scrollbarBG);
|
||||||
|
}
|
||||||
|
|
||||||
|
// ------------------------------------------------------------------
|
||||||
|
// FONTS
|
||||||
|
// ------------------------------------------------------------------
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Roboto Mono';
|
||||||
|
src: url(/_assets/fonts/roboto-mono/roboto-mono.woff2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.font-robotomono {
|
||||||
|
font-family: 'Roboto Mono', Consolas, "Liberation Mono", Courier, monospace;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-wordbreak-all {
|
||||||
|
word-break: break-all;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ------------------------------------------------------------------
|
||||||
|
// THEME COLORS
|
||||||
|
// ------------------------------------------------------------------
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--q-header: #000;
|
||||||
|
--q-sidebar: #1976D2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header, .bg-header {
|
||||||
|
background: #000;
|
||||||
|
background: var(--q-header);
|
||||||
|
}
|
||||||
|
.sidebar, .bg-sidebar {
|
||||||
|
background: #1976D2;
|
||||||
|
background: var(--q-sidebar);
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-dark-6 { background-color: #070a0d; }
|
||||||
|
.bg-dark-5 { background-color: #0d1117; }
|
||||||
|
.bg-dark-4 { background-color: #161b22; }
|
||||||
|
.bg-dark-3 { background-color: #1e232a; }
|
||||||
|
.bg-dark-2 { background-color: #292f39; }
|
||||||
|
.bg-dark-1 { background-color: #343b48; }
|
||||||
|
|
||||||
|
// ------------------------------------------------------------------
|
||||||
|
// FORMS
|
||||||
|
// ------------------------------------------------------------------
|
||||||
|
|
||||||
|
.v-textarea.is-monospaced textarea {
|
||||||
|
font-family: 'Roboto Mono', 'Courier New', Courier, monospace;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: 1.4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.q-field.denser .q-field__control {
|
||||||
|
height: 36px;
|
||||||
|
|
||||||
|
.q-field__prepend {
|
||||||
|
height: 36px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.q-field.fill-outline .q-field__control {
|
||||||
|
background-color: #FFF;
|
||||||
|
|
||||||
|
@at-root .body--light & {
|
||||||
|
background-color: #FFF;
|
||||||
|
}
|
||||||
|
@at-root .body--dark & {
|
||||||
|
background-color: theme.$dark;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.q-field--dark .q-field__control:before {
|
||||||
|
background-color: theme.$dark-5;
|
||||||
|
border-color: rgba(255,255,255,.25);
|
||||||
|
}
|
||||||
|
|
||||||
|
// ------------------------------------------------------------------
|
||||||
|
// ICONS SIZE FIX
|
||||||
|
// ------------------------------------------------------------------
|
||||||
|
|
||||||
|
.q-btn .q-icon {
|
||||||
|
&.fa-solid,
|
||||||
|
&.fa-regular {
|
||||||
|
font-size: 1.3em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.q-select__dropdown-icon {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ------------------------------------------------------------------
|
||||||
|
// BUTTONS
|
||||||
|
// ------------------------------------------------------------------
|
||||||
|
|
||||||
|
.q-btn.acrylic-btn {
|
||||||
|
.q-focus-helper {
|
||||||
|
background-color: currentColor;
|
||||||
|
opacity: .1;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover .q-focus-helper {
|
||||||
|
opacity: .3 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// ------------------------------------------------------------------
|
||||||
|
// ICONS
|
||||||
|
// ------------------------------------------------------------------
|
||||||
|
|
||||||
|
.blueprint-icon {
|
||||||
|
&-alt {
|
||||||
|
filter: hue-rotate(100);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// ------------------------------------------------------------------
|
||||||
|
// DIALOGS
|
||||||
|
// ------------------------------------------------------------------
|
||||||
|
|
||||||
|
.card-header {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: .9rem;
|
||||||
|
background-color: theme.$dark-3;
|
||||||
|
background-image: radial-gradient(at bottom right, theme.$dark-3, theme.$dark-5);
|
||||||
|
color: #FFF;
|
||||||
|
|
||||||
|
@at-root .body--light & {
|
||||||
|
border-bottom: 1px solid theme.$dark-3;
|
||||||
|
box-shadow: 0 1px 0 0 theme.$dark-6;
|
||||||
|
}
|
||||||
|
@at-root .body--dark & {
|
||||||
|
border-bottom: 1px solid #000;
|
||||||
|
box-shadow: 0 1px 0 0 color.adjust(theme.$dark-3, $lightness: 2%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-negative {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-size: .9rem;
|
||||||
|
|
||||||
|
@at-root .body--light & {
|
||||||
|
background-color: quasar.$red-1;
|
||||||
|
background-image: radial-gradient(at bottom center, color.adjust(quasar.$red-1, $lightness: 2%), color.adjust(quasar.$red-2, $lightness: 2%));
|
||||||
|
border-bottom: 1px solid quasar.$red-3;
|
||||||
|
text-shadow: 0 0 4px #FFF;
|
||||||
|
color: quasar.$red-9;
|
||||||
|
}
|
||||||
|
@at-root .body--dark & {
|
||||||
|
background-color: quasar.$red-9;
|
||||||
|
background-image: radial-gradient(at bottom center, quasar.$red-7, quasar.$red-9);
|
||||||
|
border-bottom: 1px solid quasar.$red-7;
|
||||||
|
text-shadow: 0 0 4px color.adjust(quasar.$red-9, $lightness: -10%);
|
||||||
|
color: #FFF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-actions {
|
||||||
|
@at-root .body--light & {
|
||||||
|
background-color: #FAFAFA;
|
||||||
|
background-image: linear-gradient(to bottom, #FCFCFC, #F0F0F0);
|
||||||
|
color: theme.$dark-3;
|
||||||
|
border-top: 1px solid #EEE;
|
||||||
|
box-shadow: inset 0 1px 0 0 #FFF;
|
||||||
|
}
|
||||||
|
@at-root .body--dark & {
|
||||||
|
background-color: theme.$dark-3;
|
||||||
|
background-image: radial-gradient(at top left, theme.$dark-3, theme.$dark-5);
|
||||||
|
border-top: 1px solid #000;
|
||||||
|
box-shadow: 0 -1px 0 0 color.adjust(theme.$dark-3, $lightness: 2%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// ------------------------------------------------------------------
|
||||||
|
// CARDS
|
||||||
|
// ------------------------------------------------------------------
|
||||||
|
|
||||||
|
.q-card {
|
||||||
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
|
||||||
|
|
||||||
|
&.q-card--dark {
|
||||||
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.q-separator--dark {
|
||||||
|
background-color: rgba(0,0,0,.7);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// ------------------------------------------------------------------
|
||||||
|
// DROPDOWN MENUS
|
||||||
|
// ------------------------------------------------------------------
|
||||||
|
|
||||||
|
.translucent-menu {
|
||||||
|
backdrop-filter: blur(10px) saturate(180%);
|
||||||
|
|
||||||
|
@at-root .body--light & {
|
||||||
|
background-color: rgba(255,255,255,.8);
|
||||||
|
}
|
||||||
|
@at-root .body--dark & {
|
||||||
|
background-color: rgba(theme.$dark,.7);
|
||||||
|
}
|
||||||
|
|
||||||
|
> .q-card {
|
||||||
|
background-color: transparent !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.q-menu--dark {
|
||||||
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
// ------------------------------------------------------------------
|
||||||
|
// LOADING ANIMATIONS
|
||||||
|
// ------------------------------------------------------------------
|
||||||
|
|
||||||
|
.syncing-enter-active {
|
||||||
|
animation: syncing-anim .1s;
|
||||||
|
}
|
||||||
|
.syncing-leave-active {
|
||||||
|
animation: syncing-anim 1s reverse;
|
||||||
|
}
|
||||||
|
@keyframes syncing-anim {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.loading-darker {
|
||||||
|
.q-loading__backdrop {
|
||||||
|
opacity: .75;
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in new issue