From d3cc9c613f3d2e701bc443b81ffbcd9cbb6e01d8 Mon Sep 17 00:00:00 2001
From: ManUtopiK <emmanuel.salomon@gmail.com>
Date: Wed, 17 Feb 2021 00:41:50 +0100
Subject: [PATCH] Fix breadcrumb + page layout
---
components/app/AppBreadcrumb.vue | 2 +-
components/page/PageContainer.vue | 6 ++++--
2 files changed, 5 insertions(+), 3 deletions(-)
diff --git a/components/app/AppBreadcrumb.vue b/components/app/AppBreadcrumb.vue
index 64e1cef0..027909fa 100644
--- a/components/app/AppBreadcrumb.vue
+++ b/components/app/AppBreadcrumb.vue
@@ -3,7 +3,7 @@
<ol class="list-none p-0 inline-flex">
<a
v-if="back"
- class="group py-2"
+ class="group py-2 whitespace-nowrap flex items-center"
href="#"
:class="items.length && 'pr-4 border-r mr-4'"
@click="$router.back()"
diff --git a/components/page/PageContainer.vue b/components/page/PageContainer.vue
index 691349d1..4f598b3e 100644
--- a/components/page/PageContainer.vue
+++ b/components/page/PageContainer.vue
@@ -4,10 +4,12 @@
<PageHeader :document="document" />
</slot>
- <div class="flex justify-between">
+ <div class="block justify-between lg:flex">
<nuxt-content :document="document" class="w-full prose dark:prose-dark" />
- <div class="sticky h-full top-12 w-1/4 ml-12">
+ <div
+ class="sticky h-full top-12 lg:w-1/4 lg:ml-12 mt-8 lg:mt-0 border-t pt-8 lg:pt-0 lg:border-none"
+ >
<PageToc v-if="toc" :document="document" class="mb-8" />
<slot name="sidebar" />
</div>
--
GitLab