[PR #1679] [MERGED] Refactor various components and configuration for mobile responsiveness. #3154

Closed
opened 2025-11-20 05:33:42 -05:00 by saavagebueno · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/community-scripts/ProxmoxVE/pull/1679
Author: @BramSuurdje
Created: 1/22/2025
Status: Merged
Merged: 1/22/2025
Merged by: @BramSuurdje

Base: mainHead: fix-mobile


📝 Commits (2)

  • ec8ff03 Refactor various components and configuration for mobile responsiveness. fixing #1665
  • fd5fd1b Refactor casing of tteck in page component

📊 Changes

4 files changed (+191 additions, -196 deletions)

View changed files

📝 frontend/src/app/page.tsx (+99 -108)
📝 frontend/src/components/Footer.tsx (+1 -1)
📝 frontend/src/components/Navbar.tsx (+54 -56)
📝 frontend/src/config/siteConfig.tsx (+37 -31)

📄 Description

✍️ Description

This pull request includes several changes to the frontend directory, focusing on UI adjustments, code simplification, and minor text corrections.

UI Adjustments:

Code Simplification:

Minor Text Corrections:



Prerequisites

The following steps must be completed for the pull request to be considered:

  • Self-review performed (I have reviewed my code to ensure it follows established patterns and conventions.)
  • Testing performed (I have thoroughly tested my changes and verified expected functionality.)

🛠️ Type of Change

Please check the relevant options:

  • Bug fix (non-breaking change that resolves an issue)
  • [] New feature (non-breaking change that adds functionality)
  • [] Breaking change (fix or feature that would cause existing functionality to change unexpectedly)
  • [] New script (a fully functional and thoroughly tested script or set of scripts)

📋 Additional Information (optional)

Provide any extra context or screenshots about the feature or fix here.

image
image


🔄 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/community-scripts/ProxmoxVE/pull/1679 **Author:** [@BramSuurdje](https://github.com/BramSuurdje) **Created:** 1/22/2025 **Status:** ✅ Merged **Merged:** 1/22/2025 **Merged by:** [@BramSuurdje](https://github.com/BramSuurdje) **Base:** `main` ← **Head:** `fix-mobile` --- ### 📝 Commits (2) - [`ec8ff03`](https://github.com/community-scripts/ProxmoxVE/commit/ec8ff037e1e03c1f9b297623e9f02b92062c9adc) Refactor various components and configuration for mobile responsiveness. fixing #1665 - [`fd5fd1b`](https://github.com/community-scripts/ProxmoxVE/commit/fd5fd1b72800715534d6bfc21b37f513a573f055) Refactor casing of tteck in page component ### 📊 Changes **4 files changed** (+191 additions, -196 deletions) <details> <summary>View changed files</summary> 📝 `frontend/src/app/page.tsx` (+99 -108) 📝 `frontend/src/components/Footer.tsx` (+1 -1) 📝 `frontend/src/components/Navbar.tsx` (+54 -56) 📝 `frontend/src/config/siteConfig.tsx` (+37 -31) </details> ### 📄 Description ## ✍️ Description This pull request includes several changes to the `frontend` directory, focusing on UI adjustments, code simplification, and minor text corrections. UI Adjustments: * [`frontend/src/app/page.tsx`](diffhunk://#diff-bc32312b6e0185cbc840269d0632c2a90ed907d36aa7bd3f8baeb68b9ff9449fL105-R119): Adjusted the heading size and restructured the description text for better readability and responsiveness. * [`frontend/src/components/Footer.tsx`](diffhunk://#diff-b297b8644821302f35f6e4566e39044d4efdb23d883c25856e034d5f631cd21fL8-R8): Changed the text size in the footer for better responsiveness on smaller screens. * [`frontend/src/components/Navbar.tsx`](diffhunk://#diff-417a97ce505dbbb983da7835091f1beaf28c843d74c83ef9fddcba8f8e2332f1L42-R60): Modified the navbar layout to improve alignment and added conditional classes to hide certain elements on mobile devices. Code Simplification: * [`frontend/src/components/Navbar.tsx`](diffhunk://#diff-417a97ce505dbbb983da7835091f1beaf28c843d74c83ef9fddcba8f8e2332f1L12-R12): Consolidated the import statements for `Tooltip` components into a single line. * [`frontend/src/config/siteConfig.tsx`](diffhunk://#diff-0baba4dc08677b4a0aeea59e4dd7b3c43254f50f04a44e450a1d277b62c7e0c3R28-R43): Refactored the `navbarLinks` array to include a `mobileHidden` property and removed unnecessary conditional logic. Minor Text Corrections: * [`frontend/src/app/page.tsx`](diffhunk://#diff-bc32312b6e0185cbc840269d0632c2a90ed907d36aa7bd3f8baeb68b9ff9449fL64-R64): Corrected the capitalization of "tteck" in multiple instances. [[1]](diffhunk://#diff-bc32312b6e0185cbc840269d0632c2a90ed907d36aa7bd3f8baeb68b9ff9449fL64-R64) [[2]](diffhunk://#diff-bc32312b6e0185cbc840269d0632c2a90ed907d36aa7bd3f8baeb68b9ff9449fL73-R73) - - - - Related Issue: #1665 - Related PR: # - Related Discussion: # - - - ## ✅ Prerequisites The following steps must be completed for the pull request to be considered: - [x] Self-review performed (I have reviewed my code to ensure it follows established patterns and conventions.) - [x] Testing performed (I have thoroughly tested my changes and verified expected functionality.) ## 🛠️ Type of Change Please check the relevant options: - [x] Bug fix (non-breaking change that resolves an issue) - [] New feature (non-breaking change that adds functionality) - [] Breaking change (fix or feature that would cause existing functionality to change unexpectedly) - [] New script (a fully functional and thoroughly tested script or set of scripts) --- ## 📋 Additional Information (optional) Provide any extra context or screenshots about the feature or fix here. ![image](https://github.com/user-attachments/assets/7a45f21d-bf26-4482-bbe5-61604bbdeedb) ![image](https://github.com/user-attachments/assets/905b6415-f680-4c94-a3ac-7793150125bb) --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
saavagebueno added the pull-request label 2025-11-20 05:33:42 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: SVI/ProxmoxVE#3154