Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

UI redesign pt1 #39

Merged
merged 15 commits into from
Jan 25, 2024
Merged

UI redesign pt1 #39

merged 15 commits into from
Jan 25, 2024

Conversation

JStruk
Copy link
Owner

@JStruk JStruk commented Jan 24, 2024

Starts to fix #32.

This is the initial effort for overhauling the design and user experience of the app.

At this point, we have anough to warrant a deployment. The app feels greatly improved from it's previous state.

More to come, but going forward we'll likely focus on a single page/utility at a time, and doing some sort of a continuous deployment going forward. Keeps commits small and commit often!

If you notice any bugs, undesired behaviour, or overall general feedback, please comment, open an issue, or put up a PR!

JStruk and others added 13 commits January 16, 2024 16:33
- Refactor ToolsView component with new layout
- Added sidebar functionality with animation
* minor ui fixes
* no sidebar on mobile, instead show a list of utility cards that are clickable to go to the utility page. If on mobile and not on the '/tools' page, only show the child component and not the parent
* Bring in and set up ace code editor for JSON input
* Enable syntax highlighting on JSON input to provide valuable user feedback when JSON is not valid
* Bring in vue-debounce to debounce auto-convert utilities
* minor mobile UI fixes
* bring in vue-toastify to provide user valuable toast messages when certain actions are performed, such as copying to clipboard
* add vertical padding to TwoPaneLayout
* align color converter conversion boxes
* rename LineSort variables to camelCase and add vertical padding between elements
Copy link

netlify bot commented Jan 24, 2024

Deploy Preview for celadon-beignet-3132dc ready!

Name Link
🔨 Latest commit 9291720
🔍 Latest deploy log https://app.netlify.com/sites/celadon-beignet-3132dc/deploys/65b1c73f4f42c100089e8193
😎 Deploy Preview https://deploy-preview-39--celadon-beignet-3132dc.netlify.app/
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

* fix StringInspector prompts
* wrap PHP>JSON conversion in try/catch so we don't clog up the console
* use vue-json-pretty types
* Updating tests to work with the new ui updates
@JStruk JStruk merged commit b893114 into master Jan 25, 2024
5 checks passed
@JStruk JStruk deleted the ui-redesign branch January 25, 2024 02:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

UI refactor
1 participant