Commit Graph

6 Commits

Author SHA1 Message Date
CaliBrain
0f7d4292a4 feat: implement dark mode with improved UI contrast and full-height layout (#91)
- Add theme toggle (light/dark/auto)
- Improve text contrast and readability
- Fix viewport height issues
- Ensure consistent styling across components
2025-03-16 03:00:56 -04:00
mik593
7f56c6b832 feat: support search filters (#55)
Still a WIP but an initial attempt of search filters. #7 

Currently supporting: 

- ISBN
- Author
- Title
- Language
- Sort
- Content


first attempt at some sort of UI for it 👇

![image](https://github.com/user-attachments/assets/7237ae96-7e97-4db0-98da-06c3171aca3b)

smaller/mobile

![image](https://github.com/user-attachments/assets/ba20de0e-deb1-4aa1-9c5f-27cf473670e6)
2025-01-22 16:51:06 -05:00
FunnyPocketBook
39ac60eaab [Feature] Sort results table by headers (#58)
Related to #53

This PR adds sorting to the results table. This can be done by clicking
on the header of the table.

For narrow columns, the arrow indicating the ordering is underneath the
column title instead of next to the title - not sure how to solve that
elegantly without a minor redesign of the table :D


![image](https://github.com/user-attachments/assets/2d2f6d4f-681a-4900-b55a-67642cc3169f)
2025-01-13 14:20:11 -05:00
cthorne
8dd975abe0 Add further responsive UI using uiKit (#36)
Utilising [UiKit](https://getuikit.com/) as the CSS framework

Adjusted existing functionality & CSS to integrate with UiKits - should
retain same functionality

- Ui colors are UiKit defaults
- Search results automatically expand when searching
- UiKit ensures its automatically responsive for mobile

### **Search results**

![image](https://github.com/user-attachments/assets/7103b542-9eba-4b56-a730-4165a93ae099)

### **Details dialog**

![image](https://github.com/user-attachments/assets/ff5a69c3-522a-40f0-b04d-9c1e4a2c34fb)

![image](https://github.com/user-attachments/assets/a194ff25-e3da-40b3-a5f9-48a483036491)

**- The dialog could be improved further by adjusting to a modal in
UiKit purely, however wasn't sure on how to do / time reqs.**

### **Search Results & Download Status are in expandable accordions**

![image](https://github.com/user-attachments/assets/2b4f25c4-4c8b-4bde-8861-833399af7d1a)

![image](https://github.com/user-attachments/assets/3ac0447b-7843-4750-9859-94a79fa65f9a)


### **Adjusted search to UiKits with clickable search icon**

![image](https://github.com/user-attachments/assets/8b331063-1045-4759-b05c-64a2e1a738ea)

### **Added gitHub link to footer and increased font sizing**

![image](https://github.com/user-attachments/assets/c9822fd3-3b31-4bbd-bb24-c2272c6af5e3)

### **Mobile views (Chrome on Desktop) - scales & retains scroll**

![image](https://github.com/user-attachments/assets/fb598d07-e6c5-4ab2-ae86-782aa74853a8)

![image](https://github.com/user-attachments/assets/fb04fb6b-be54-4309-a5ba-9636b8691593)

![image](https://github.com/user-attachments/assets/66b0b326-83d1-4131-8d3a-66bf111ca2ad)

### **TODO:**

- Improvements to modal functionality
- Pagination
- Cleaning (removing unused CSS etc)
2025-01-05 13:00:51 -05:00
cthorne
268dac069a Fix overflow for mobile, add spacing between buttons (#32)
Fix mobile being unable to scroll across to the buttons
Retain overflow-hidden when collapsed to hide content

Changing of CSS removes extra margin-bottom: rem padding incidentally
2025-01-04 06:41:29 -05:00
CaliBrain
18b146af64 Innitial Release 2024-12-16 22:48:26 +00:00