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", toggleClasses: "cj-select-toggle",
optionClasses: "cj-select-option", optionClasses: "cj-select-option",
dropdownClasses: `cj-select-dropdown`, dropdownClasses: `cj-select-dropdown`,
dropdownSpace: 5, dropdownSpace: 10,
dropdownScope: "window", dropdownScope: "parent",
dropdownPlacement: null, dropdownPlacement: "top",
dropdownVerticalFixedPlacement: null dropdownVerticalFixedPlacement: null
}; };

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

@ -2,11 +2,11 @@
<%- include("header") -%> <%- 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="flex flex-col">
<div class="-m-1.5"> <div class="-m-1.5">
<div class="max-w-full min-w-full p-1.5 inline-block align-middle"> <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 --> <!-- Header -->
<div> <div>
@ -104,11 +104,11 @@
<div class="cj-table-footer"> <div class="cj-table-footer">
<div class="max-w-sm space-y-3"> <div class="max-w-sm space-y-3">
<select id="selectPageSize-js" data-hs-datatable-page-entities=""> <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="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> </select>
</div> </div>
<div class="sm:inline-flex items-center gap-x-2" data-hs-datatable-info=""> <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> <title><%= title %></title>
<link rel="stylesheet" href="/static/css/tailwind.css"> <link rel="stylesheet" href="/static/css/tailwind.css">
</head> </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") -%> <%- include("sidebar") -%>
<div class="w-full lg:ps-64"> <div class="w-full lg:ps-64">