From 18b9435922b7fd5a8af37be27234d5967f99100f Mon Sep 17 00:00:00 2001 From: "G. Petrakis" <28791067+kek-Sec@users.noreply.github.com> Date: Fri, 20 Dec 2024 16:48:55 +0200 Subject: [PATCH] Feat/UI additions (#12) * Feat: wrap logo in router link for improved navigation * Style: update button color and icon color for better visibility in Create.vue * Feat: add password visibility toggle and generate password functionality in Create.vue * Feat: add tooltips for password visibility toggle and generate password buttons in Create.vue * Feat: enhance layout and styling for main app and error pages * Feat: add animations to various components for improved user experience * Feat: update changelog for version 1.0.5 with UI enhancements, password management features, and 404 error page improvements * Fix code scanning alert no. 20: Insecure randomness Co-authored-by: Copilot Autofix powered by AI <62310815+github-advanced-security[bot]@users.noreply.github.com> --------- Co-authored-by: Copilot Autofix powered by AI <62310815+github-advanced-security[bot]@users.noreply.github.com> --- CHANGELOG.md | 14 ++++++++++ ui/index.html | 4 +++ ui/src/App.vue | 51 ++++++++++++++++++++++------------- ui/src/pages/Create.vue | 56 +++++++++++++++++++++++++++++++++------ ui/src/pages/Error404.vue | 51 +++++++++++++++++++++-------------- ui/src/pages/View.vue | 9 ++++--- version.yaml | 2 +- 7 files changed, 135 insertions(+), 52 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 911592b..4878f5f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,17 @@ +### [1.0.5] +UI Enhancements: + +* `ui/index.html`: Added a link to the Animate.css library for animation effects. +* [`ui/src/App.vue`: Integrated animation classes into various elements, including the header logo, buttons, and alerts. + +Password Management Enhancements: +* `ui/src/pages/Create.vue`: Added functionality to toggle password visibility and generate random passwords, along with corresponding tooltips and animations. +404 Error Page Improvements: +* `ui/src/pages/Error404.vue`: Redesigned the 404 error page with a more user-friendly card layout, including an icon, message, and a button to navigate back home. + +Other Enhancements: +* `ui/src/pages/Create.vue`, `ui/src/pages/View.vue`: Applied animation classes to various elements to provide a more dynamic user experience. + ### [1.0.4] - Reworked CD pipelines to follow semver tagging - added version.yaml diff --git a/ui/index.html b/ui/index.html index ddbc3f8..c130ba8 100755 --- a/ui/index.html +++ b/ui/index.html @@ -1,6 +1,10 @@ + diff --git a/ui/src/App.vue b/ui/src/App.vue index c4322bf..de55bac 100755 --- a/ui/src/App.vue +++ b/ui/src/App.vue @@ -1,14 +1,16 @@ @@ -65,4 +67,15 @@ .v-footer a:hover { text-decoration: underline; } + +.logo-link { + display: inline-block; + text-decoration: none; +} + +.v-main { + display: flex; + flex-direction: column; + min-height: 100vh; +} diff --git a/ui/src/pages/Create.vue b/ui/src/pages/Create.vue index cc1a145..06d10bd 100755 --- a/ui/src/pages/Create.vue +++ b/ui/src/pages/Create.vue @@ -1,6 +1,6 @@ + + + + diff --git a/ui/src/pages/View.vue b/ui/src/pages/View.vue index a9f135d..677d57d 100755 --- a/ui/src/pages/View.vue +++ b/ui/src/pages/View.vue @@ -1,6 +1,6 @@