refactor(SettingsPage): adjust spacing in section layouts for improved visual consistency
Publish Fast Tabler Docker image / build-and-push-fast (push) Successful in 1m57s
Publish Fast Tabler Docker image / build-and-push-fast (push) Successful in 1m57s
This commit is contained in:
@@ -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 домене"
|
||||||
|
|||||||
Reference in New Issue
Block a user