corbz/relay
1
0
Fork 0
Code Issues 2 Pull Requests Actions Releases Activity

feat: page size selector for feed table

Browse Source
This commit is contained in:
Corban-Lee Jones 2025-04-26 16:19:26 +01:00
parent 6cdef67850
commit 07b163a674
3 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/client/typescript/guild/feeds.ts
View File

@ -208,9 +208,9 @@ const pageSelectOptions: ISelectOptions = {
toggleClasses: "cj-select-toggle",
optionClasses: "cj-select-option",
dropdownClasses: `cj-select-dropdown`,
dropdownSpace: 5,
dropdownScope: "window",
dropdownPlacement: null,
dropdownSpace: 10,
dropdownScope: "parent",
dropdownPlacement: "top",
dropdownVerticalFixedPlacement: null
};

12
src/client/views/guild/feeds.ejs
View File

@ -2,11 +2,11 @@
<%- include("header") -%>
<div id="table" class="--prevent-on-load-init max-w-full overflow-hidden px-4 sm:px-6">
<div id="table" class="--prevent-on-load-init max-w-full px-4 sm:px-6">
<div class="flex flex-col">
<div class="-m-1.5">
<div class="max-w-full min-w-full p-1.5 inline-block align-middle">
<div class="bg-white border border-gray-200 rounded-lg shadow-xs overflow-hidden dark:bg-neutral-900 dark:border-neutral-700">
<div class="bg-white border border-gray-200 rounded-lg shadow-xs dark:bg-neutral-900 dark:border-neutral-700">
<!-- Header -->
<div>
@ -104,11 +104,11 @@
<div class="cj-table-footer">
<div class="max-w-sm space-y-3">
<select id="selectPageSize-js" data-hs-datatable-page-entities="">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="10" selected>10</option>
<option value="25">25</option>
<option value="50">50</option>
<option value="100">100</option>
</select>
</div>
<div class="sm:inline-flex items-center gap-x-2" data-hs-datatable-info="">

2
src/client/views/layout/base.ejs
View File

@ -6,7 +6,7 @@
<title><%= title %></title>
<link rel="stylesheet" href="/static/css/tailwind.css">
</head>
<body class="bg-neutral-100 dark:bg-neutral-900 text-gray-600 dark:text-gray-400 font-[Inter]">
<body class="bg-neutral-100 dark:bg-neutral-900 text-gray-600 dark:text-gray-400 min-h-screen font-[Inter]">
<%- include("sidebar") -%>
<div class="w-full lg:ps-64">