From d6b7c16f2a07ce953a247acdb99a1b1fcbd374f0 Mon Sep 17 00:00:00 2001
From: 65160258 <65160258@go.buu.ac.th>
Date: Mon, 24 Mar 2025 18:42:53 +0700
Subject: [PATCH] css
---
views/pages/index.ejs | 32 +++++++++++++++++++++-----------
1 file changed, 21 insertions(+), 11 deletions(-)
diff --git a/views/pages/index.ejs b/views/pages/index.ejs
index 3ca9ac5..1f35c49 100644
--- a/views/pages/index.ejs
+++ b/views/pages/index.ejs
@@ -4,17 +4,27 @@
<div class="main-content">
<div class="d-flex justify-content-between align-items-center mb-5">
<h1 class="h2 fw-bold text-primary">All Posts</h1>
- <form action="/index" method="GET" class="mb-4">
- <label for="category" class="form-label">Filter by Category:</label>
- <select name="category" id="category" class="form-select w-auto d-inline-block" onchange="this.form.submit()">
- <option value="">All Categories</option>
- <% categories.forEach(category => { %>
- <option value="<%= category.id %>" <%= selectedCategory == category.id ? 'selected' : '' %>>
- <%= category.name %>
- </option>
- <% }) %>
- </select>
- </form>
+ <div class="d-flex justify-content-between align-items-center mb-4 flex-wrap">
+ <h1 class="h2 fw-bold text-primary">All Posts</h1>
+
+ <div class="d-flex align-items-center gap-3">
+ <label for="category" class="form-label mb-0 fw-semibold text-muted">Filter by Category:</label>
+ <form action="/index" method="GET" class="d-flex align-items-center gap-2">
+ <select name="category" id="category" class="form-select form-select-sm w-auto" onchange="this.form.submit()">
+ <option value="">All Categories</option>
+ <% categories.forEach(category => { %>
+ <option value="<%= category.id %>" <%= selectedCategory == category.id ? 'selected' : '' %>>
+ <%= category.name %>
+ </option>
+ <% }) %>
+ </select>
+ </form>
+ </div>
+
+ <div class="badge bg-primary rounded-pill px-3 py-2">
+ <%= posts.length %> posts
+ </div>
+ </div>
<div class="badge bg-primary rounded-pill"><%= posts.length %> posts</div>
</div>
--
GitLab