TobaOjo/BayIQ-UI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- Enhanced responsiveness and layout adjustments across various components

Browse Source
This commit is contained in:
Toba Ojo
2025-12-09 14:07:51 +00:00
parent e6f4131c1e
commit 632962aeaf
15 changed files with 187 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/features/settings/components/SystemConfig.tsx
View File

@@ -65,8 +65,8 @@ const SystemConfig = () => {
return (
<Formik initialValues={initialValues} onSubmit={handleSubmit} enableReinitialize>
{({ values }) => (
<Form>
<div className="flex flex-row justify-between items-center mb-4">
<Form className="flex flex-col space-y-4">
<div className="flex flex-col md:flex-row space-y-4 justify-between">
<label htmlFor="deviceName">Device Name</label>
<Field
name="deviceName"
@@ -76,7 +76,7 @@ const SystemConfig = () => {
autoComplete="off"
/>
</div>
<div className="flex flex-row justify-between items-center mb-4">
<div className="flex flex-col md:flex-row space-y-4 justify-between">
<label htmlFor="timeZone">Timezone</label>
<Field
name="timeZone"
@@ -91,7 +91,7 @@ const SystemConfig = () => {
))}
</Field>
</div>
<div className="flex flex-row justify-between items-center mb-4">
<div className="flex flex-col md:flex-row space-y-4 justify-between">
<label htmlFor="timeSource">Time Source</label>
<Field
name="timeSource"
@@ -106,8 +106,7 @@ const SystemConfig = () => {
))}
</Field>
</div>
<div className="flex flex-row justify-between items-center mb-4">
<div className="flex flex-col md:flex-row space-y-4 justify-between">
<label htmlFor="SNTPServer">SNTP Server</label>
<Field
name="SNTPServer"
@@ -117,7 +116,7 @@ const SystemConfig = () => {
autoComplete="off"
/>
</div>
<div className="flex flex-row justify-between items-center mb-4">
<div className="flex flex-col md:flex-row space-y-4 justify-between">
<label htmlFor="SNTPInterval">SNTP Interval</label>
<Field
name="SNTPInterval"
@@ -127,7 +126,7 @@ const SystemConfig = () => {
autoComplete="off"
/>
</div>
<div className="flex flex-row justify-between items-center mb-4">
<div className="flex flex-col md:flex-row space-y-4 justify-between">
<label htmlFor="subnetMask">Subnet Mask</label>
<Field
name="subnetMask"
@@ -137,7 +136,7 @@ const SystemConfig = () => {
autoComplete="off"
/>
</div>
<div className="flex flex-row justify-between items-center mb-4">
<div className="flex flex-col md:flex-row space-y-4 justify-between">
<label htmlFor="ipAddress">IP Address</label>
<Field
name="ipAddress"
@@ -147,7 +146,7 @@ const SystemConfig = () => {
autoComplete="off"
/>
</div>
<div className="flex flex-row justify-between items-center mb-4">
<div className="flex flex-col md:flex-row space-y-4 justify-between">
<label htmlFor="gateway">Gateway</label>
<Field
name="gateway"
@@ -157,7 +156,7 @@ const SystemConfig = () => {
autoComplete="off"
/>
</div>
<div className="flex flex-row justify-between items-center mb-4">
<div className="flex flex-col md:flex-row space-y-4 justify-between">
<label htmlFor="primaryServer">Primary DNS Server</label>
<Field
name="primaryServer"
@@ -167,7 +166,7 @@ const SystemConfig = () => {
autoComplete="off"
/>
</div>
<div className="flex flex-row justify-between items-center mb-4">
<div className="flex flex-col md:flex-row space-y-4 justify-between">
<label htmlFor="secondaryServer">Secondary DNS Server</label>
<Field
name="secondaryServer"