refactor(SettingsPage): adjust spacing in section layouts for improved visual consistency
Publish Fast Tabler Docker image / build-and-push-fast (push) Successful in 1m57s

This commit is contained in:
2026-02-17 15:35:25 +07:00
parent 17cd5a8f43
commit d3ebe5b2b1
+6 -6
View File
@@ -233,7 +233,7 @@ export default function SettingsPage() {
// Заголовок секции без вложенной карточки (контент в общем card-body) // Заголовок секции без вложенной карточки (контент в общем card-body)
function SectionHeading({ title, icon: Icon }) { function SectionHeading({ title, icon: Icon }) {
return ( return (
<h2 className="h3 mb-4 d-flex align-items-center"> <h2 className="h3 mb-3 d-flex align-items-center">
{Icon && ( {Icon && (
<span className="me-2 d-flex align-items-center text-muted"> <span className="me-2 d-flex align-items-center text-muted">
<Icon size={22} /> <Icon size={22} />
@@ -349,7 +349,7 @@ export default function SettingsPage() {
{activeSection === 'live-doh' && ( {activeSection === 'live-doh' && (
<> <>
<SectionHeading title="BGP Live и DNS (DoH)" icon={IconPlugConnected} /> <SectionHeading title="BGP Live и DNS (DoH)" icon={IconPlugConnected} />
<div className="row g-3"> <div className="row g-2">
<div className="col-12"> <div className="col-12">
<FormField <FormField
label="WebSocket URL (BGP Live)" label="WebSocket URL (BGP Live)"
@@ -383,7 +383,7 @@ export default function SettingsPage() {
{activeSection === 'network-as' && ( {activeSection === 'network-as' && (
<> <>
<SectionHeading title="Сеть и AS" icon={IconNetwork} /> <SectionHeading title="Сеть и AS" icon={IconNetwork} />
<div className="row g-3"> <div className="row g-2">
<div className="col-md-6"> <div className="col-md-6">
<FormField <FormField
label="Базовая AS" label="Базовая AS"
@@ -403,7 +403,7 @@ export default function SettingsPage() {
{activeSection === 'ping' && ( {activeSection === 'ping' && (
<> <>
<SectionHeading title="Пинг через MikroTik" icon={IconCloud} /> <SectionHeading title="Пинг через MikroTik" icon={IconCloud} />
<div className="row g-3"> <div className="row g-2">
<div className="col-md-6"> <div className="col-md-6">
<FormField <FormField
label="Домен для пинга" label="Домен для пинга"
@@ -468,7 +468,7 @@ export default function SettingsPage() {
/> />
</div> </div>
{pingServicesSource === 'router' && ( {pingServicesSource === 'router' && (
<div className="row g-3"> <div className="row g-2">
<div className="col-md-6"> <div className="col-md-6">
<label className="form-label">Домашний роутер</label> <label className="form-label">Домашний роутер</label>
<div className={saving ? 'opacity-75 pe-none' : ''}> <div className={saving ? 'opacity-75 pe-none' : ''}>
@@ -508,7 +508,7 @@ export default function SettingsPage() {
{activeSection === 'ptr-zone' && ( {activeSection === 'ptr-zone' && (
<> <>
<SectionHeading title="Настройка PTR зоны" icon={IconWorld} /> <SectionHeading title="Настройка PTR зоны" icon={IconWorld} />
<div className="row g-3"> <div className="row g-2">
<div className="col-md-6"> <div className="col-md-6">
<FormField <FormField
label="Заменить в DNS домене" label="Заменить в DNS домене"