mirror of https://github.com/requarks/wiki
NGPixel
2 weeks 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