[PR #428] [MERGED] feat: UI add min-width for table page #574

Closed
opened 2026-02-26 21:31:51 +03:00 by kerem · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/dreamhunter2333/cloudflare_temp_email/pull/428
Author: @dreamhunter2333
Created: 8/19/2024
Status: Merged
Merged: 8/19/2024
Merged by: @dreamhunter2333

Base: mainHead: feature/dev


📝 Commits (1)

  • 15b3efb feat: UI add min-width for table page

📊 Changes

14 files changed (+80 additions, -46 deletions)

View changed files

.vscode/extensions.json (+8 -0)
📝 CHANGELOG.md (+4 -0)
frontend/.vscode/extensions.json (+0 -3)
📝 frontend/package.json (+1 -1)
📝 frontend/src/views/Admin.vue (+5 -5)
📝 frontend/src/views/admin/Account.vue (+14 -8)
📝 frontend/src/views/admin/SenderAccess.vue (+14 -8)
📝 frontend/src/views/admin/UserManagement.vue (+20 -14)
📝 frontend/src/views/admin/Webhook.vue (+3 -2)
📝 frontend/src/views/user/AddressManagement.vue (+7 -1)
📝 pages/package.json (+1 -1)
📝 vitepress-docs/package.json (+1 -1)
📝 worker/package.json (+1 -1)
📝 worker/src/constants.ts (+1 -1)

📄 Description

PR Type

Enhancement, Bug fix


Description

  • Center aligned tab content in the Admin view by adding justify-content="center" to multiple <n-tabs> components.
  • Wrapped pagination and data tables in scrollable divs and added minimum width to data tables in Account, SenderAccess, UserManagement, and AddressManagement views.
  • Added errorInfo ref to display error messages and updated <n-result> component to show error description in Webhook settings.
  • Updated version constants and package versions to 0.7.4.
  • Added recommended extensions for VSCode.
  • Updated changelog for version v0.7.4.

Changes walkthrough 📝

Relevant files
Enhancement
5 files
Admin.vue
Center align tab content in Admin view                                     

frontend/src/views/Admin.vue

  • Added justify-content="center" to multiple <n-tabs> components.
+5/-5     
Account.vue
Add scrollable div and min-width to Account view                 

frontend/src/views/admin/Account.vue

  • Wrapped pagination and data table in a scrollable div.
  • Added minimum width to data table.
  • +14/-8   
    SenderAccess.vue
    Add scrollable div and min-width to SenderAccess view       

    frontend/src/views/admin/SenderAccess.vue

  • Wrapped pagination and data table in a scrollable div.
  • Added minimum width to data table.
  • +14/-8   
    UserManagement.vue
    Add scrollable div and min-width to UserManagement view   

    frontend/src/views/admin/UserManagement.vue

  • Wrapped pagination and data table in a scrollable div.
  • Added minimum width to data table.
  • +20/-14 
    AddressManagement.vue
    Add scrollable div and min-width to AddressManagement view

    frontend/src/views/user/AddressManagement.vue

  • Wrapped data table in a scrollable div.
  • Added minimum width to data table.
  • +7/-1     
    Bug fix
    1 files
    Webhook.vue
    Display error messages in Webhook settings                             

    frontend/src/views/admin/Webhook.vue

  • Added errorInfo ref to display error messages.
  • Updated component to show error description.
  • +3/-2     
    Miscellaneous
    1 files
    constants.ts
    Update version constant to v0.7.4                                               

    worker/src/constants.ts

    • Updated version constant to v0.7.4.
    +1/-1     
    Configuration changes
    1 files
    extensions.json
    Add recommended extensions for VSCode                                       

    .vscode/extensions.json

    • Added recommended extensions for VSCode.
    +8/-0     
    Documentation
    1 files
    CHANGELOG.md
    Update changelog for v0.7.4                                                           

    CHANGELOG.md

    • Added changelog entry for version v0.7.4.
    +4/-0     
    Dependencies
    4 files
    package.json
    Bump frontend package version to 0.7.4                                     

    frontend/package.json

    • Updated version to 0.7.4.
    +1/-1     
    package.json
    Bump pages package version to 0.7.4                                           

    pages/package.json

    • Updated version to 0.7.4.
    +1/-1     
    package.json
    Bump vitepress-docs package version to 0.7.4                         

    vitepress-docs/package.json

    • Updated version to 0.7.4.
    +1/-1     
    package.json
    Bump worker package version to 0.7.4                                         

    worker/package.json

    • Updated version to 0.7.4.
    +1/-1     

    💡 PR-Agent usage:
    Comment /help on the PR to get a list of all available PR-Agent tools and their descriptions


    🔄 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/dreamhunter2333/cloudflare_temp_email/pull/428 **Author:** [@dreamhunter2333](https://github.com/dreamhunter2333) **Created:** 8/19/2024 **Status:** ✅ Merged **Merged:** 8/19/2024 **Merged by:** [@dreamhunter2333](https://github.com/dreamhunter2333) **Base:** `main` ← **Head:** `feature/dev` --- ### 📝 Commits (1) - [`15b3efb`](https://github.com/dreamhunter2333/cloudflare_temp_email/commit/15b3efb2b0eb5b12ccd517022de12d10e21b2000) feat: UI add min-width for table page ### 📊 Changes **14 files changed** (+80 additions, -46 deletions) <details> <summary>View changed files</summary> ➕ `.vscode/extensions.json` (+8 -0) 📝 `CHANGELOG.md` (+4 -0) ➖ `frontend/.vscode/extensions.json` (+0 -3) 📝 `frontend/package.json` (+1 -1) 📝 `frontend/src/views/Admin.vue` (+5 -5) 📝 `frontend/src/views/admin/Account.vue` (+14 -8) 📝 `frontend/src/views/admin/SenderAccess.vue` (+14 -8) 📝 `frontend/src/views/admin/UserManagement.vue` (+20 -14) 📝 `frontend/src/views/admin/Webhook.vue` (+3 -2) 📝 `frontend/src/views/user/AddressManagement.vue` (+7 -1) 📝 `pages/package.json` (+1 -1) 📝 `vitepress-docs/package.json` (+1 -1) 📝 `worker/package.json` (+1 -1) 📝 `worker/src/constants.ts` (+1 -1) </details> ### 📄 Description ### **PR Type** Enhancement, Bug fix ___ ### **Description** - Center aligned tab content in the Admin view by adding `justify-content="center"` to multiple `<n-tabs>` components. - Wrapped pagination and data tables in scrollable divs and added minimum width to data tables in Account, SenderAccess, UserManagement, and AddressManagement views. - Added `errorInfo` ref to display error messages and updated `<n-result>` component to show error description in Webhook settings. - Updated version constants and package versions to `0.7.4`. - Added recommended extensions for VSCode. - Updated changelog for version `v0.7.4`. ___ ### **Changes walkthrough** 📝 <table><thead><tr><th></th><th align="left">Relevant files</th></tr></thead><tbody><tr><td><strong>Enhancement</strong></td><td><details><summary>5 files</summary><table> <tr> <td> <details> <summary><strong>Admin.vue</strong><dd><code>Center align tab content in Admin view</code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </dd></summary> <hr> frontend/src/views/Admin.vue - Added `justify-content="center"` to multiple `<n-tabs>` components. </details> </td> <td><a href="https://github.com/dreamhunter2333/cloudflare_temp_email/pull/428/files#diff-78137b072a7fa52c6d503efb9a3d32c07da5073dd5ca32ac48b1402ac2481a55">+5/-5</a>&nbsp; &nbsp; &nbsp; </td> </tr> <tr> <td> <details> <summary><strong>Account.vue</strong><dd><code>Add scrollable div and min-width to Account view</code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </dd></summary> <hr> frontend/src/views/admin/Account.vue <li>Wrapped pagination and data table in a scrollable div.<br> <li> Added minimum width to data table.<br> </details> </td> <td><a href="https://github.com/dreamhunter2333/cloudflare_temp_email/pull/428/files#diff-1ac8a75932c8a510449efbe046700149bce141b9a325b770922eeaa3486a3d66">+14/-8</a>&nbsp; &nbsp; </td> </tr> <tr> <td> <details> <summary><strong>SenderAccess.vue</strong><dd><code>Add scrollable div and min-width to SenderAccess view</code>&nbsp; &nbsp; &nbsp; &nbsp; </dd></summary> <hr> frontend/src/views/admin/SenderAccess.vue <li>Wrapped pagination and data table in a scrollable div.<br> <li> Added minimum width to data table.<br> </details> </td> <td><a href="https://github.com/dreamhunter2333/cloudflare_temp_email/pull/428/files#diff-33f15b5c12001aa1012b2ec263ea716de93138b5b73ce3ecb1b34c89ecf69101">+14/-8</a>&nbsp; &nbsp; </td> </tr> <tr> <td> <details> <summary><strong>UserManagement.vue</strong><dd><code>Add scrollable div and min-width to UserManagement view</code>&nbsp; &nbsp; </dd></summary> <hr> frontend/src/views/admin/UserManagement.vue <li>Wrapped pagination and data table in a scrollable div.<br> <li> Added minimum width to data table.<br> </details> </td> <td><a href="https://github.com/dreamhunter2333/cloudflare_temp_email/pull/428/files#diff-2560fba73bfc497305badff34d6455cab25841e772e3e0e2fab4ef88ae43972e">+20/-14</a>&nbsp; </td> </tr> <tr> <td> <details> <summary><strong>AddressManagement.vue</strong><dd><code>Add scrollable div and min-width to AddressManagement view</code></dd></summary> <hr> frontend/src/views/user/AddressManagement.vue <li>Wrapped data table in a scrollable div.<br> <li> Added minimum width to data table.<br> </details> </td> <td><a href="https://github.com/dreamhunter2333/cloudflare_temp_email/pull/428/files#diff-5335bdd9b323e39aa20e1c5a80f4eead4f05d7fdf92cc3cfc6a580cf5e1db97f">+7/-1</a>&nbsp; &nbsp; &nbsp; </td> </tr> </table></details></td></tr><tr><td><strong>Bug fix</strong></td><td><details><summary>1 files</summary><table> <tr> <td> <details> <summary><strong>Webhook.vue</strong><dd><code>Display error messages in Webhook settings</code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </dd></summary> <hr> frontend/src/views/admin/Webhook.vue <li>Added <code>errorInfo</code> ref to display error messages.<br> <li> Updated <code><n-result></code> component to show error description.<br> </details> </td> <td><a href="https://github.com/dreamhunter2333/cloudflare_temp_email/pull/428/files#diff-73c78d0a7baed0bfc95c8031d71ab17506f7476cb44f3e00af1cfbea1f2e730b">+3/-2</a>&nbsp; &nbsp; &nbsp; </td> </tr> </table></details></td></tr><tr><td><strong>Miscellaneous</strong></td><td><details><summary>1 files</summary><table> <tr> <td> <details> <summary><strong>constants.ts</strong><dd><code>Update version constant to v0.7.4</code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </dd></summary> <hr> worker/src/constants.ts - Updated version constant to `v0.7.4`. </details> </td> <td><a href="https://github.com/dreamhunter2333/cloudflare_temp_email/pull/428/files#diff-cab08ba19c1499ed426fc4918a5613e22eb95c3427c7467ce330f5ee0d69d01e">+1/-1</a>&nbsp; &nbsp; &nbsp; </td> </tr> </table></details></td></tr><tr><td><strong>Configuration changes</strong></td><td><details><summary>1 files</summary><table> <tr> <td> <details> <summary><strong>extensions.json</strong><dd><code>Add recommended extensions for VSCode</code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </dd></summary> <hr> .vscode/extensions.json - Added recommended extensions for VSCode. </details> </td> <td><a href="https://github.com/dreamhunter2333/cloudflare_temp_email/pull/428/files#diff-c16655a98a3ee89a7636a59c59a72b0e93649e3a1e947327cfc43a1336b4e912">+8/-0</a>&nbsp; &nbsp; &nbsp; </td> </tr> </table></details></td></tr><tr><td><strong>Documentation</strong></td><td><details><summary>1 files</summary><table> <tr> <td> <details> <summary><strong>CHANGELOG.md</strong><dd><code>Update changelog for v0.7.4</code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </dd></summary> <hr> CHANGELOG.md - Added changelog entry for version `v0.7.4`. </details> </td> <td><a href="https://github.com/dreamhunter2333/cloudflare_temp_email/pull/428/files#diff-06572a96a58dc510037d5efa622f9bec8519bc1beab13c9f251e97e657a9d4ed">+4/-0</a>&nbsp; &nbsp; &nbsp; </td> </tr> </table></details></td></tr><tr><td><strong>Dependencies</strong></td><td><details><summary>4 files</summary><table> <tr> <td> <details> <summary><strong>package.json</strong><dd><code>Bump frontend package version to 0.7.4</code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </dd></summary> <hr> frontend/package.json - Updated version to `0.7.4`. </details> </td> <td><a href="https://github.com/dreamhunter2333/cloudflare_temp_email/pull/428/files#diff-da6498268e99511d9ba0df3c13e439d10556a812881c9d03955b2ef7c6c1c655">+1/-1</a>&nbsp; &nbsp; &nbsp; </td> </tr> <tr> <td> <details> <summary><strong>package.json</strong><dd><code>Bump pages package version to 0.7.4</code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </dd></summary> <hr> pages/package.json - Updated version to `0.7.4`. </details> </td> <td><a href="https://github.com/dreamhunter2333/cloudflare_temp_email/pull/428/files#diff-74314f72f6616d400be4cb0d161867d8148f23c22d4c12c7188aedb129c00c59">+1/-1</a>&nbsp; &nbsp; &nbsp; </td> </tr> <tr> <td> <details> <summary><strong>package.json</strong><dd><code>Bump vitepress-docs package version to 0.7.4</code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </dd></summary> <hr> vitepress-docs/package.json - Updated version to `0.7.4`. </details> </td> <td><a href="https://github.com/dreamhunter2333/cloudflare_temp_email/pull/428/files#diff-3adbfbfaa65ecc60f48c8d009a52c697d4c80d61ee887799df22407fcb73f380">+1/-1</a>&nbsp; &nbsp; &nbsp; </td> </tr> <tr> <td> <details> <summary><strong>package.json</strong><dd><code>Bump worker package version to 0.7.4</code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </dd></summary> <hr> worker/package.json - Updated version to `0.7.4`. </details> </td> <td><a href="https://github.com/dreamhunter2333/cloudflare_temp_email/pull/428/files#diff-89dc6f41a53ce13f2da5a00dd34868762e6cd0df46eddc9f5c3c4510b1493870">+1/-1</a>&nbsp; &nbsp; &nbsp; </td> </tr> </table></details></td></tr></tr></tbody></table> ___ > 💡 **PR-Agent usage**: >Comment `/help` on the PR to get a list of all available PR-Agent tools and their descriptions --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
    kerem 2026-02-26 21:31:51 +03:00
    Sign in to join this conversation.
    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/cloudflare_temp_email#574
    No description provided.