From cdb19445789419f0fc5a1536459e50385b7665c9 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 20 Mar 2025 17:06:41 +0100
Subject: [PATCH] fix(other): vuepress style fixes (#301)

* fix several vuepress related style problems

* make figure image full width

- for ocelot
- for dreammall

* theme-hope-content p & ul margins
---
 docs/.vuepress/layouts/BlankLayout.vue | 21 +++++++++++++++++++--
 docs/projekte/dreammall.md             |  2 +-
 docs/projekte/ocelot.social.md         |  2 +-
 3 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/docs/.vuepress/layouts/BlankLayout.vue b/docs/.vuepress/layouts/BlankLayout.vue
index b1be377..6bc3d61 100644
--- a/docs/.vuepress/layouts/BlankLayout.vue
+++ b/docs/.vuepress/layouts/BlankLayout.vue
@@ -28,17 +28,34 @@ export default {
   .vp-nav-logo {
     display: inline;
   }
+  .theme-hope-content p {
+    margin-block-start: 1em;
+    margin-block-end: 1em;
+    margin-inline-start: 0px;
+    margin-inline-end: 0px;
+  }
+  .theme-hope-content ul {
+    list-style: unset;
+    margin-block-start: 1em;
+    margin-block-end: 1em;
+    margin-inline-start: 0px;
+    margin-inline-end: 0px;
+  }
+  .theme-hope-content figure {
+    margin: inherit;
+    padding: inherit;
+  }
 }
 
 .blank-layout {
   --content-width: 1160px;
 }
 
-.blank-layout h1, h2, h3, h4, h5, h6 {
+.blank-layout h1, .blank-layout h2, .blank-layout h3, .blank-layout h4, .blank-layout h5, .blank-layout h6 {
     font-family: var(--font-family-heading);
   }
 
-.blank-layout h1, h2 {
+.blank-layout h1, .blank-layout h2 {
   border-bottom: none;
   padding-bottom: 2rem;
   font-weight: bold;
diff --git a/docs/projekte/dreammall.md b/docs/projekte/dreammall.md
index 67d6788..64d3670 100644
--- a/docs/projekte/dreammall.md
+++ b/docs/projekte/dreammall.md
@@ -8,7 +8,7 @@ Das zentrale Element des Projektes ist eine *Sternenkarte*, welche die einzelnen
 
 <br/>
 
-<CaptionedImage src="/images/projects/dreammall-starmap.png" caption="Bild: Die Sternenkarte von DreamMall" width="500px"/>
+<CaptionedImage src="/images/projects/dreammall-starmap.png" caption="Bild: Die Sternenkarte von DreamMall"/>
 
 Das Projekt befindet sich noch in Entwicklung.
 
diff --git a/docs/projekte/ocelot.social.md b/docs/projekte/ocelot.social.md
index 695d723..b86d9c6 100644
--- a/docs/projekte/ocelot.social.md
+++ b/docs/projekte/ocelot.social.md
@@ -10,7 +10,7 @@ Es kann individuell konfiguriert werden und ist skalierbar sowie erweiterbar.
 
 <br/>
 
-<CaptionedImage src="/images/projects/ocelot-newsfeed.png" caption="Bild: Ein Newsfeed in Ocelot.social" width="500px"/>
+<CaptionedImage src="/images/projects/ocelot-newsfeed.png" caption="Bild: Ein Newsfeed in Ocelot.social"/>
 
 Teste die [Demoversion](https://ocelot.social/de/get-started/).