@md-plugins/quasar-app-extension-q-press 0.1.0-beta.20 → 0.1.0-beta.22

package/README.md

@@ -4,9 +4,9 @@ The Ultimate Markdown Solution for the Quasar Framework.
 
 See the [documentation](https://md-plugins.netlify.app/quasar-app-extensions/qpress/overview) for more information.
 
-> Current beta release: `0.1.0-beta.20`.
+> Current beta release: `0.1.0-beta.22`.
 >
-> Q-Press currently targets Quasar Vite projects using `@quasar/app-vite` `>=3.0.0-beta.33`. TypeScript processing is required.
+> Q-Press currently targets Quasar Vite projects using `@quasar/app-vite` `>=3.0.0-beta.36`. TypeScript processing is required.
 
 ## Features
 

package/dist/index.js

@@ -42,7 +42,7 @@ function extendTypeScriptConfig(typescriptConfig) {
 }
 export default defineIndexScript((api) => {
     api.compatibleWith('quasar', '^2.0.0');
-    api.compatibleWith('@quasar/app-vite', '>=3.0.0-beta.33');
+    api.compatibleWith('@quasar/app-vite', '>=3.0.0-beta.36');
     // here we extend /quasar.config, so we can add some Vite/Vue stuff
     api.extendQuasarConf(async (config) => {
         config.build ??= {};

package/dist/install.js

@@ -7,7 +7,7 @@ import { defineInstallScript } from '@quasar/app-vite';
 import { existsSync } from 'node:fs';
 export default defineInstallScript(async (api) => {
     api.compatibleWith('quasar', '^2.0.0');
-    api.compatibleWith('@quasar/app-vite', '>=3.0.0-beta.33');
+    api.compatibleWith('@quasar/app-vite', '>=3.0.0-beta.36');
     // project must have pinia installed
     if ((await api.getStorePackageName()) !== 'pinia') {
         console.error('-----------------------------');

package/dist/templates/init/src/_q-press/components/MarkdownApi.vue

@@ -663,7 +663,7 @@ body.body--light {
 
 body.body--dark {
   .markdown-api .q-badge {
-    color: $brand-dark;
+    color: $brand-dark-text;
     background-color: $brand-primary;
   }
 

package/dist/templates/init/src/_q-press/css/app.scss

@@ -693,3 +693,76 @@ body.body--dark .markdown-card-title {
     border-top-color: color.scale($brand-secondary, $lightness: -30%);
   }
 }
+
+.qpress-error-page {
+  overflow: hidden;
+  color: $brand-light-text;
+  background:
+    radial-gradient(circle at top right, rgba($brand-primary, 0.24), transparent 34rem),
+    linear-gradient(135deg, color.scale($light-bg, $lightness: 8%), $light-bg);
+
+  &__content {
+    width: min(680px, 100%);
+  }
+
+  &__eyebrow {
+    margin: 0 0 10px;
+    color: $brand-secondary;
+    font-family: $font-family-brand;
+    font-size: 0.85rem;
+    font-weight: 700;
+    letter-spacing: 0.18em;
+    text-transform: uppercase;
+  }
+
+  &__code {
+    margin: 0;
+    color: $brand-primary;
+    font-family: $font-family-brand;
+    font-size: clamp(6rem, 24vw, 18rem);
+    font-weight: 800;
+    line-height: 0.85;
+    text-shadow: 0 20px 52px rgba($brand-primary, 0.22);
+  }
+
+  &__message {
+    max-width: 34rem;
+    margin: 24px auto 0;
+    color: rgba($brand-light-text, 0.78);
+    font-size: clamp(1.25rem, 3vw, 2rem);
+    line-height: 1.35;
+  }
+
+  &__button {
+    color: $brand-light-bg !important;
+    background: $brand-primary !important;
+    border: 1px solid rgba($brand-primary, 0.45);
+    box-shadow: $shadow--small;
+  }
+}
+
+body.body--dark .qpress-error-page {
+  color: $brand-dark-text;
+  background:
+    radial-gradient(circle at top right, rgba($brand-accent, 0.18), transparent 34rem),
+    linear-gradient(135deg, color.scale($brand-dark-bg, $lightness: 8%), $brand-dark-bg);
+
+  .qpress-error-page__eyebrow {
+    color: $brand-accent;
+  }
+
+  .qpress-error-page__code {
+    color: $brand-accent;
+    text-shadow: 0 20px 52px rgba($brand-accent, 0.26);
+  }
+
+  .qpress-error-page__message {
+    color: rgba($brand-dark-text, 0.78);
+  }
+
+  .qpress-error-page__button {
+    color: $brand-dark-bg !important;
+    background: $brand-accent !important;
+    border-color: rgba($brand-accent, 0.5);
+  }
+}

package/dist/templates/init/src/_q-press/css/code-theme.scss

@@ -42,6 +42,9 @@
     position: relative;
     display: inline-block;
     width: 100%;
+    margin: 0;
+    line-height: inherit;
+    text-align: left;
   }
 
   &:has(.twoslash-query-persisted) > code {

package/dist/templates/init/src/_q-press/css/themes/newspaper.scss

@@ -25,10 +25,10 @@ $brand-light-codeblock-text: #333333;
 $brand-dark-codeblock-bg: #1a1a1a;
 $brand-dark-codeblock-text: #e6e6e6;
 
-$header-btn-color--light: #4d4d4d;
-$header-btn-hover-color--light: #1a1a1a;
-$header-btn-color--dark: #999999;
-$header-btn-hover-color--dark: #cccccc;
+$header-btn-color--light: #747efc;
+$header-btn-hover-color--light: #5a63dc;
+$header-btn-color--dark: #aeb6ff;
+$header-btn-hover-color--dark: #d8dcff;
 
 $light-pill: $brand-light;
 $light-text: $brand-light-text;