starred/karakeep

Fork 0

mirror of https://github.com/karakeep-app/karakeep.git synced 2026-04-26 00:16:03 +03:00

[PR #335] [CLOSED] New WebUI alpha #1606

New issue

Closed

opened 2026-03-02 11:58:23 +03:00 by kerem · 0 comments

kerem commented

2026-03-02 11:58:23 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/karakeep-app/karakeep/pull/335
Author: @redoracle
Created: 7/28/2024
Status: ❌ Closed

Base: main ← Head: WebUI

📝 Commits (8)

fa0d240 New WebUI alpha
8e4d90b Cleanups menu order fix
6a3ade6 minor improves
a67bab8 theme fix
0e46568 sidebar menu UI fix
1ba5848 Code style issues fixed
d39e0e6 better error message
5be55d3 Minor changes + mixed color coherence and fixes

📊 Changes

48 files changed (+1160 additions, -478 deletions)

View changed files

📝 apps/web/app/dashboard/archive/page.tsx (+13 -9)
📝 apps/web/app/dashboard/bookmarks/page.tsx (+6 -4)
📝 apps/web/app/dashboard/cleanups/page.tsx (+18 -1)
📝 apps/web/app/dashboard/error.tsx (+17 -2)
📝 apps/web/app/dashboard/favourites/page.tsx (+11 -3)
📝 apps/web/app/dashboard/layout.tsx (+1 -1)
📝 apps/web/app/dashboard/lists/page.tsx (+6 -2)
📝 apps/web/app/dashboard/search/page.tsx (+3 -1)
📝 apps/web/app/dashboard/tags/page.tsx (+9 -3)
📝 apps/web/app/layout.tsx (+22 -13)
📝 apps/web/app/signin/page.tsx (+1 -1)
📝 apps/web/components/HoarderIcon.tsx (+9 -5)
📝 apps/web/components/dashboard/GlobalActions.tsx (+20 -1)
📝 apps/web/components/dashboard/admin/AdminActions.tsx (+13 -1)
📝 apps/web/components/dashboard/admin/ServerStats.tsx (+43 -17)
📝 apps/web/components/dashboard/admin/UserList.tsx (+14 -5)
📝 apps/web/components/dashboard/bookmarks/BookmarkCard.tsx (+15 -3)
📝 apps/web/components/dashboard/bookmarks/BookmarkLayoutAdaptingCard.tsx (+44 -4)
📝 apps/web/components/dashboard/bookmarks/BookmarkOptions.tsx (+4 -9)
📝 apps/web/components/dashboard/bookmarks/BookmarkedTextEditor.tsx (+41 -6)

...and 28 more files

📄 Description

Pull Request Proposal: Web UI Improvements for Hoarder

Summary

This proposal introduces several key enhancements to the Web UI of the Hoarder project to improve user experience, responsiveness, and visual appeal.

Changes Proposed

Collapsible Sidebar: The sidebar can now be collapsed by clicking on the logo, providing a cleaner interface and more screen space for content.
Streamlined Menu: The menu has been redesigned to be more synthetic and user-friendly.
Enhanced Responsiveness: Improved responsiveness across various devices for a seamless user experience.
Improved Color Scheme: Updated the color scheme to be more aesthetically pleasing and consistent with modern design standards.
YouTube Play Symbol on Video Cards: Added a YouTube play symbol to video cards for better visual cues and user interaction.
Extended Card Grid: The card grid has been extended to accommodate more content and improve layout flexibility.

These improvements aim to enhance the overall usability and visual appeal of the Hoarder Web UI.

Detailed Changes

Collapsible Sidebar:
- Clicking on the Hoarder logo will now collapse or expand the sidebar.
- Provides a more spacious interface when the sidebar is not in use.
Streamlined Menu:
- Redesigned the menu for a more intuitive and synthetic navigation experience.
- Grouped related items together for easier access.
Enhanced Responsiveness:
- Improved layout and components to ensure they adapt smoothly to different screen sizes and orientations.
- Ensured all elements are touch-friendly for mobile devices.
Improved Color Scheme:
- Updated the color palette for better contrast and readability.
- Consistent use of colors to highlight important actions and statuses.
YouTube Play Symbol on Video Cards:
- Added a recognizable play symbol on video thumbnails.
- Helps users quickly identify video content and encourages interaction.
Extended Card Grid:
- Expanded the card grid layout to display more items at once.
- Optimized spacing and alignment for a cleaner look.

These changes aim to provide a more modern, user-friendly, and visually appealing interface for the Hoarder Web UI. Feedback and suggestions are welcome to further refine these improvements.

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/karakeep-app/karakeep/pull/335 **Author:** [@redoracle](https://github.com/redoracle) **Created:** 7/28/2024 **Status:** ❌ Closed **Base:** `main` ← **Head:** `WebUI` --- ### 📝 Commits (8) - [`fa0d240`](https://github.com/karakeep-app/karakeep/commit/fa0d240cd3d2647b88b07099e3de13ff02165406) New WebUI alpha - [`8e4d90b`](https://github.com/karakeep-app/karakeep/commit/8e4d90bbab204aef5594873456ffa8cb3f6535a2) Cleanups menu order fix - [`6a3ade6`](https://github.com/karakeep-app/karakeep/commit/6a3ade6427ef955de280584f2b5c41547414cfb3) minor improves - [`a67bab8`](https://github.com/karakeep-app/karakeep/commit/a67bab8aa25c962b3e929ea269e292fd778b1c79) theme fix - [`0e46568`](https://github.com/karakeep-app/karakeep/commit/0e46568d12a717c1909b6d45a46391cf18c47c30) sidebar menu UI fix - [`1ba5848`](https://github.com/karakeep-app/karakeep/commit/1ba5848746a569719e7ff5e9a37fe03f8835b155) Code style issues fixed - [`d39e0e6`](https://github.com/karakeep-app/karakeep/commit/d39e0e67ab8121d63eb67fe5fa9e9a88b7ad32d6) better error message - [`5be55d3`](https://github.com/karakeep-app/karakeep/commit/5be55d3bff993915127801e1a9c9e30bed4391ba) Minor changes + mixed color coherence and fixes ### 📊 Changes **48 files changed** (+1160 additions, -478 deletions) <details> <summary>View changed files</summary> 📝 `apps/web/app/dashboard/archive/page.tsx` (+13 -9) 📝 `apps/web/app/dashboard/bookmarks/page.tsx` (+6 -4) 📝 `apps/web/app/dashboard/cleanups/page.tsx` (+18 -1) 📝 `apps/web/app/dashboard/error.tsx` (+17 -2) 📝 `apps/web/app/dashboard/favourites/page.tsx` (+11 -3) 📝 `apps/web/app/dashboard/layout.tsx` (+1 -1) 📝 `apps/web/app/dashboard/lists/page.tsx` (+6 -2) 📝 `apps/web/app/dashboard/search/page.tsx` (+3 -1) 📝 `apps/web/app/dashboard/tags/page.tsx` (+9 -3) 📝 `apps/web/app/layout.tsx` (+22 -13) 📝 `apps/web/app/signin/page.tsx` (+1 -1) 📝 `apps/web/components/HoarderIcon.tsx` (+9 -5) 📝 `apps/web/components/dashboard/GlobalActions.tsx` (+20 -1) 📝 `apps/web/components/dashboard/admin/AdminActions.tsx` (+13 -1) 📝 `apps/web/components/dashboard/admin/ServerStats.tsx` (+43 -17) 📝 `apps/web/components/dashboard/admin/UserList.tsx` (+14 -5) 📝 `apps/web/components/dashboard/bookmarks/BookmarkCard.tsx` (+15 -3) 📝 `apps/web/components/dashboard/bookmarks/BookmarkLayoutAdaptingCard.tsx` (+44 -4) 📝 `apps/web/components/dashboard/bookmarks/BookmarkOptions.tsx` (+4 -9) 📝 `apps/web/components/dashboard/bookmarks/BookmarkedTextEditor.tsx` (+41 -6) _...and 28 more files_ </details> ### 📄 Description # Pull Request Proposal: Web UI Improvements for Hoarder ## Summary This proposal introduces several key enhancements to the Web UI of the Hoarder project to improve user experience, responsiveness, and visual appeal. ## Changes Proposed 1. **Collapsible Sidebar**: The sidebar can now be collapsed by clicking on the logo, providing a cleaner interface and more screen space for content. 2. **Streamlined Menu**: The menu has been redesigned to be more synthetic and user-friendly. 3. **Enhanced Responsiveness**: Improved responsiveness across various devices for a seamless user experience. 4. **Improved Color Scheme**: Updated the color scheme to be more aesthetically pleasing and consistent with modern design standards. 5. **YouTube Play Symbol on Video Cards**: Added a YouTube play symbol to video cards for better visual cues and user interaction. 6. **Extended Card Grid**: The card grid has been extended to accommodate more content and improve layout flexibility. These improvements aim to enhance the overall usability and visual appeal of the Hoarder Web UI. ## Detailed Changes - **Collapsible Sidebar**: - Clicking on the Hoarder logo will now collapse or expand the sidebar. - Provides a more spacious interface when the sidebar is not in use. - **Streamlined Menu**: - Redesigned the menu for a more intuitive and synthetic navigation experience. - Grouped related items together for easier access. - **Enhanced Responsiveness**: - Improved layout and components to ensure they adapt smoothly to different screen sizes and orientations. - Ensured all elements are touch-friendly for mobile devices. - **Improved Color Scheme**: - Updated the color palette for better contrast and readability. - Consistent use of colors to highlight important actions and statuses. - **YouTube Play Symbol on Video Cards**: - Added a recognizable play symbol on video thumbnails. - Helps users quickly identify video content and encourages interaction. - **Extended Card Grid**: - Expanded the card grid layout to display more items at once. - Optimized spacing and alignment for a cleaner look. These changes aim to provide a more modern, user-friendly, and visually appealing interface for the Hoarder Web UI. Feedback and suggestions are welcome to further refine these improvements. <img width="1630" alt="Screenshot 2024-07-29 at 18 20 30" src="https://github.com/user-attachments/assets/7bce21c7-3fa1-4ce3-a6b5-697b8cc1f492"> <img width="1642" alt="Screenshot 2024-07-29 at 18 20 11" src="https://github.com/user-attachments/assets/3bd2d7a4-af3e-4d83-b985-a5e04bbe086b"> <img width="1582" alt="Screenshot 2024-07-29 at 18 15 58" src="https://github.com/user-attachments/assets/a5457636-e3c1-4155-8d98-e693c0c1f369"> <img width="1602" alt="Screenshot 2024-07-29 at 18 16 16" src="https://github.com/user-attachments/assets/49a16d88-a3a4-477b-af43-a1c5aa1535e1"> <img width="1576" alt="Screenshot 2024-07-29 at 18 16 41" src="https://github.com/user-attachments/assets/1f32480c-959e-477d-bf7b-eb50b881548a"> <img width="1593" alt="Screenshot 2024-07-29 at 18 16 59" src="https://github.com/user-attachments/assets/b95440b1-ddca-4230-a6d0-916a28e108ac"> <img width="343" alt="Screenshot 2024-07-29 at 18 17 21" src="https://github.com/user-attachments/assets/5123755a-7e46-4c81-a26d-da80d777339b"> <img width="350" alt="Screenshot 2024-07-29 at 18 17 39" src="https://github.com/user-attachments/assets/c3ec2d0d-ba4f-40c1-8f01-c04bc5c965b4"> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

kerem

2026-03-02 11:58:23 +03:00

closed this issue
added the
pull-request
label

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

starred/karakeep#1606

No description provided.

Rows
Columns