Add user's own posts grid and post deletion to editor page

1 files changed, 45 insertions, 0 deletions

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;