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
This commit is contained in:
Ulf Gebhardt 2025-03-20 17:06:41 +01:00 committed by GitHub
parent 8cefe9f0fa
commit cdb1944578
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 21 additions and 4 deletions

View File

@ -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;

View File

@ -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.

View File

@ -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/).