From 2e63e617812db27a1bd1355bd0da5a3d7540e612 Mon Sep 17 00:00:00 2001 From: 65160258 <65160258@go.buu.ac.th> Date: Mon, 24 Mar 2025 18:44:37 +0700 Subject: [PATCH] css conf --- views/pages/index.ejs | 39 +++++++++++++++++---------------------- 1 file changed, 17 insertions(+), 22 deletions(-) diff --git a/views/pages/index.ejs b/views/pages/index.ejs index 1f35c49..2274d8d 100644 --- a/views/pages/index.ejs +++ b/views/pages/index.ejs @@ -2,31 +2,26 @@ <link rel="stylesheet" href="/css/main.css"> <link rel="stylesheet" href="/css/pages/index.css"> <div class="main-content"> - <div class="d-flex justify-content-between align-items-center mb-5"> + <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 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 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 class="badge bg-primary rounded-pill"><%= posts.length %> posts</div> </div> <% if (typeof posts !== 'undefined' && posts.length > 0) { %> -- GitLab