From 9454b7b541d9216723ba3a8dfd813f0fe2323aa7 Mon Sep 17 00:00:00 2001 From: Markus Date: Fri, 17 Mar 2023 18:21:56 +0100 Subject: [PATCH 01/11] [WIP] fixing layout on newsfeed page --- .../components/DonationInfo/DonationInfo.vue | 1 + webapp/components/MasonryGrid/MasonryGrid.vue | 2 +- webapp/components/PostTeaser/PostTeaser.vue | 1 + webapp/pages/index.vue | 51 ++++++++++++------- 4 files changed, 36 insertions(+), 19 deletions(-) diff --git a/webapp/components/DonationInfo/DonationInfo.vue b/webapp/components/DonationInfo/DonationInfo.vue index b66f33305..00b9bf584 100644 --- a/webapp/components/DonationInfo/DonationInfo.vue +++ b/webapp/components/DonationInfo/DonationInfo.vue @@ -47,5 +47,6 @@ export default { display: flex; flex: 1; margin-bottom: $space-x-small; + margin-top: 16px; } diff --git a/webapp/components/MasonryGrid/MasonryGrid.vue b/webapp/components/MasonryGrid/MasonryGrid.vue index f95c0e16e..d4c58daff 100644 --- a/webapp/components/MasonryGrid/MasonryGrid.vue +++ b/webapp/components/MasonryGrid/MasonryGrid.vue @@ -30,7 +30,7 @@ export default { /* dirty fix to override broken styleguide inline-styles */ .ds-grid { grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)) !important; - gap: 32px 16px !important; + gap: 16px 16px !important; grid-auto-rows: 20px; } diff --git a/webapp/components/PostTeaser/PostTeaser.vue b/webapp/components/PostTeaser/PostTeaser.vue index 228c4c90c..37f471bb8 100644 --- a/webapp/components/PostTeaser/PostTeaser.vue +++ b/webapp/components/PostTeaser/PostTeaser.vue @@ -194,6 +194,7 @@ export default { display: block; height: 100%; color: $text-color-base; + padding-top: 16px; } .post-user-row { diff --git a/webapp/pages/index.vue b/webapp/pages/index.vue index 0094f5706..147075093 100644 --- a/webapp/pages/index.vue +++ b/webapp/pages/index.vue @@ -17,13 +17,10 @@ /> - - - - +
+
@@ -74,17 +71,19 @@
-
- - - - + + + +
+
- - - +
+
- +
+
+ +