Skip to content

Conversation

adamshiervani
Copy link
Contributor

Network Settings

  • Extract DHCP & IPV6 components
  • Improve UX of network settings

General

  • Updated prettier configuration
  • Fixed all checkbox and radio styling. Styling regression with TW4
  • Re-added opacity-0 to all fadeIn animations, as most of them have delay and need an initial state before the animation keyframe 0% is set.
  • Stable scrollbar gutter on modals
  • Added prettier-ignore on a few tw4 utilities that is can't properly format.

- Add cx to tailwind functions
- Set tailwind stylesheet path
- Convert single quotes to double quotes in CSS
- Add prettier ignore comments for animation utilities
- Create DhcpLeaseCard component
- Create Ipv6NetworkCard component
- Add padding to AutoHeight component
- Improve lifetime label display format
- Enhance network information card layouts
- Update Checkbox component to use form-checkbox class
- Refactor radio button classes for consistency across components
- Add stable scrollbar gutter to Modal component
- Refactor custom domain input handling and layout adjustments
@adamshiervani adamshiervani merged commit 222a847 into dev May 20, 2025
3 checks passed
@IDisposable IDisposable deleted the refactor/network-settings-ui branch September 22, 2025 23:42
ym pushed a commit to ym/jetkvm-kvm that referenced this pull request Sep 26, 2025
* feat(ui): update prettier configuration and quote styles

- Add cx to tailwind functions
- Set tailwind stylesheet path
- Convert single quotes to double quotes in CSS
- Add prettier ignore comments for animation utilities

* refactor(ui): extract network information into separate components

- Create DhcpLeaseCard component
- Create Ipv6NetworkCard component

* style(ui): refine component styling and layout

- Add padding to AutoHeight component
- Improve lifetime label display format
- Enhance network information card layouts

* style(ui): enhance checkbox and radio button styling

- Update Checkbox component to use form-checkbox class
- Refactor radio button classes for consistency across components

* style(ui): Add opacity for fade-in animations

* refactor(ui): enhance Modal and network settings components

- Add stable scrollbar gutter to Modal component
- Refactor custom domain input handling and layout adjustments
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.

1 participant