From ec77d2f77b96488b1bc170ced2abab12b3c19416 Mon Sep 17 00:00:00 2001 From: Thomas Vanbesien Date: Sat, 21 Mar 2026 22:46:34 +0100 Subject: Add user's own posts grid and post deletion to editor page --- src/public/css/style.css | 45 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 45 insertions(+) (limited to 'src/public') diff --git a/src/public/css/style.css b/src/public/css/style.css index e152519..2119a40 100644 --- a/src/public/css/style.css +++ b/src/public/css/style.css @@ -407,6 +407,51 @@ footer { margin-top: 0.5rem; } +.my-posts-title { + margin-top: 2rem; + margin-bottom: 1rem; + font-size: 1.2rem; +} + +.my-posts-grid { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); + gap: 1rem; +} + +.my-post { + background: #fff; + border: 1px solid #dbdbdb; + border-radius: 8px; + overflow: hidden; +} + +.my-post img { + width: 100%; + aspect-ratio: 1; + object-fit: cover; + display: block; +} + +.delete-form { + padding: 0.5rem; +} + +.btn-delete { + width: 100%; + padding: 0.4rem; + background: #fff; + color: #b71c1c; + border: 1px solid #b71c1c; + border-radius: 4px; + font-size: 0.85rem; + cursor: pointer; +} + +.btn-delete:hover { + background: #fdecea; +} + @media (max-width: 600px) { header nav { flex-direction: column; -- cgit v1.2.3