From c5f0c1fcf26e7d08fa2aba51039369aec020f6dd Mon Sep 17 00:00:00 2001
From: Christopher Krawietz <krawietz@new-communication.de>
Date: Thu, 3 Jun 2021 10:51:57 +0200
Subject: [PATCH] =?UTF-8?q?[TASK]=20=E2=80=94=20Added=20base=20url?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/.vuepress/config.js | 4 +++-
src/components/buttons.md | 10 ++++++++++
2 files changed, 13 insertions(+), 1 deletion(-)
diff --git a/src/.vuepress/config.js b/src/.vuepress/config.js
index 7c0c571..57fd578 100755
--- a/src/.vuepress/config.js
+++ b/src/.vuepress/config.js
@@ -9,7 +9,9 @@ module.exports = {
*/
description: description,
theme: 'nc-provider',
+ base: '/',
dest: 'public',
+
/**
* Extra tags to be injected to the page HTML `<head>`
*
@@ -63,7 +65,7 @@ module.exports = {
[
'@vuepress/pwa',
{
- serviceWorker: false,
+ serviceWorker: true,
popupComponent: 'SWUpdatePopup',
updatePopup: {
message: 'Neue Inhalte sind verfügbar.',
diff --git a/src/components/buttons.md b/src/components/buttons.md
index 6495e30..84fd501 100644
--- a/src/components/buttons.md
+++ b/src/components/buttons.md
@@ -6,3 +6,13 @@ tagline: Buttons
Mithilfe von Buttons werden verschiedene Handlungsmöglichkeiten des Nutzers dargestellt und klar hierarchisiert. Welche Zielseite durch sie aufgerufen oder welche Aktion ausgelöst wird, kommunizieren Buttons mit einem Label in Audi Type Screen Normal, mit einem Icon oder einer Kombination aus beidem. Buttons geben bei Klick bzw. Tap ein visuelles Feedback in Form eines Response-Effekts sofern die Buttons nicht deaktiviert sind.
+
+<code-group>
+<code-block title="HTML">
+```html
+<button class="Base-button" title="Das ist ein button" type="button">Das ist ein button</button>
+<button class="Base-button" title="Das ist ein button" type="button" disabled>Disabled button</button>
+<button class="Base-button" title="Das ist ein button" type="button">Das ist ein button mit sehr viel Text, damit dieser umbricht.</button>
+```
+</code-block>
+</code-group>
--
GitLab