Browse Source

style(logs): widen the row-count selector in the log modals

At 70px the selector truncated its larger values, so the chosen row
count was hard to read in the panel, Xray and AmneziaWG log modals.
Sanaei 9 hours ago
parent
commit
5fe4f241c1

+ 1 - 1
frontend/src/pages/index/AmneziaWGLogModal.tsx

@@ -122,7 +122,7 @@ export default function AmneziaWGLogModal({ open, onClose }: AmneziaWGLogModalPr
           <Select
           <Select
             value={rows}
             value={rows}
             size="small"
             size="small"
-            style={{ width: 70 }}
+            style={{ width: 100 }}
             onChange={setRows}
             onChange={setRows}
             options={[
             options={[
               { value: '20', label: '20' },
               { value: '20', label: '20' },

+ 1 - 1
frontend/src/pages/index/LogModal.tsx

@@ -107,7 +107,7 @@ export default function LogModal({ open, onClose }: LogModalProps) {
             <Select
             <Select
               value={rows}
               value={rows}
               size="small"
               size="small"
-              style={{ width: 70 }}
+              style={{ width: 100 }}
               onChange={setRows}
               onChange={setRows}
               options={[
               options={[
                 { value: '20', label: '20' },
                 { value: '20', label: '20' },

+ 1 - 1
frontend/src/pages/index/XrayLogModal.tsx

@@ -175,7 +175,7 @@ export default function XrayLogModal({ open, onClose }: XrayLogModalProps) {
           <Select
           <Select
             value={rows}
             value={rows}
             size="small"
             size="small"
-            style={{ width: 70 }}
+            style={{ width: 100 }}
             onChange={setRows}
             onChange={setRows}
             options={[
             options={[
               { value: '20', label: '20' },
               { value: '20', label: '20' },