Skip to content

Conversation

@Zuntie
Copy link

@Zuntie Zuntie commented Oct 20, 2025

Description

Wrote a new UI for the esx_identity.


Motivation

Tasked. Revamps the old design.


Implementation Details

Implemented using Preact, Vite & TailwindCSS. Furthermore, most of the code is written in TypeScript.


Usage Example

Create a new character.


PR Checklist

  • My commit messages and PR title follow the Conventional Commits standard.
  • My changes have been tested locally and function as expected.
  • My PR does not introduce any breaking changes.
  • I have provided a clear explanation of what my PR does, including the reasoning behind the changes and any relevant context.

@Zuntie Zuntie changed the title Dev feat(esx_identity/web): New UI Oct 20, 2025
@Zuntie
Copy link
Author

Zuntie commented Oct 21, 2025

Woops. Accidentally duplicated files from the old version. Ill handle it.

@Zuntie
Copy link
Author

Zuntie commented Oct 21, 2025

Finished.

@N0tNvll
Copy link
Contributor

N0tNvll commented Oct 27, 2025

Needs to fix the button to create the character sometimes it is out of the container

@CLAassistant
Copy link

CLAassistant commented Nov 16, 2025

CLA assistant check
All committers have signed the CLA.

Copy link
Member

@Kr3mu Kr3mu left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The UI is too small ( especially the text ).
The bug with the height number:
image
The X mark on date is not centered:
image
The Birth date is not opening, tried waterfox and chromium browser (chromium).
Use vh instead of vw as if someone have ultra wide monitor the ui will be too big.
Use GetCurrentResourceName instead of hardcoding esx_identity
What's more your date validation just does year - 18 but what if you put december, you are not 18.

@Kr3mu
Copy link
Member

Kr3mu commented Nov 17, 2025

After posting I have noticed that look how much free space there is for example in select of gender

@Kr3mu
Copy link
Member

Kr3mu commented Nov 17, 2025

To make it look better you can add simple opacity animation or other (just make it quick so people don't have to wait) - not really needed

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.

4 participants