Properties style

[dkhd]

Motivation

This issue here #72 and mention here #131

Changes

Enhance the UI for file/directory properties.

1. Fixed width (but flexible height) with auto-break filename
2. Capitalize the first letter of isHiddenFile
3. Adding colon
4. Increasing some padding & margin
5. Format the date & time for Created At, Modified At, and Accessed At

See screenshots below

I also added MomentJS module to format the time, yarn.lock modified by system.

Related

This issue here #72 and mention here #131

Additional Comments

none

[vercel]

Someone is attempting to deploy a commit to a Personal Account owned by @kimlimjustin on Vercel.

@kimlimjustin first needs to authorize it.

[Turbinya]

I think it's better to use Luxon instead of Moment https://moment.github.io/luxon/#/formatting?id=presets. Moment is very big, obsoleted and depricated.
Or try using: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat so as not to increase the size of the application at all

[dkhd]

Nice suggestion @Turbinya, I'll take a look at it.

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/kimlimjustin/xplorer/FyKWgX5M2ZA7orEDeaby9a1qzgRp
✅ Preview: https://xplorer-git-fork-dkhd-properties-style-kimlimjustin.vercel.app

[kimlimjustin]

Both #131 and #133 proposed good styling, I think I'll combine these both PRs (by taking #131's center styling and other from this), also @dkhd do you realize that #132 code is also here?

[dkhd]

Ah, my bad. Sorry I didn't check that. You can combine both of them of course.

…

On Sun, Oct 3, 2021, 09:49 Justin Maximillian Kimlim < ***@***.***> wrote: Both #131 <#131> and #133 <#133> proposed good styling, I think I'll combine these both PRs (by taking #131 <#131>'s center styling and other from this), also @dkhd <https://github.com/dkhd> do you realize that #132 <#132> code is also here? — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#133 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAXGMRZICOB2GK4FZ6PBPG3UE7ACXANCNFSM5FGVKBEA> .