nessi/NexaPG
1
0
Fork 0
Code Issues 19 Pull Requests Actions Packages Projects Releases 13 Activity

Fix redundant CSS class usage and enhance toggle-field layout

Browse Source 
Removed the unnecessary "field-full" class from toggle-field divs in TargetsPage.jsx to simplify the layout. Updated styles.css to refine the toggle-field alignment and introduced a max-width for better control of toggle-check elements.
This commit is contained in:
Sascha Nesterovic
2026-02-12 13:52:12 +01:00
parent a8b7d9f54a
commit 5674f2ea45
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/pages/TargetsPage.jsx
View File

@@ -200,7 +200,7 @@ export function TargetsPage() {
If you see "rejected SSL upgrade", switch to <code>disable</code>. If you see "rejected SSL upgrade", switch to <code>disable</code>.
</small> </small>
</div> </div>
<div className="field field-full toggle-field"> <div className="field toggle-field">
<label>Query Insights Source</label> <label>Query Insights Source</label>
<label className="toggle-check"> <label className="toggle-check">
<input <input
@@ -266,7 +266,7 @@ export function TargetsPage() {
<option value="require">require</option> <option value="require">require</option>
</select> </select>
</div> </div>
<div className="field field-full toggle-field"> <div className="field toggle-field">
<label>Query Insights Source</label> <label>Query Insights Source</label>
<label className="toggle-check"> <label className="toggle-check">
<input <input

5
frontend/src/styles.css
View File

@@ -319,6 +319,11 @@ button {
.toggle-field { .toggle-field {
margin-top: 2px; margin-top: 2px;
align-self: end;
}
.toggle-field .toggle-check {
max-width: 520px;
} }
.tips p { .tips p {