Fix dhcp interfaces markup

This commit is contained in:
ArtemBaskal 2020-10-06 20:52:44 +03:00
parent f3118c5e2a
commit fc4a557610
2 changed files with 17 additions and 4 deletions

View File

@ -46,7 +46,7 @@ const renderInterfaceValues = ({
gateway_ip,
hardware_address,
ip_addresses,
}) => <div className='d-flex align-items-end col-md'>
}) => <div className='d-flex align-items-end dhcp__interfaces-info'>
<ul className="list-unstyled m-0">
{getInterfaceValues({
gateway_ip,
@ -77,7 +77,7 @@ const Interfaces = () => {
return !processingInterfaces
&& interfaces
&& <>
<div className="row align-items-center pb-2">
<div className="row dhcp__interfaces">
<div className="col col__dhcp">
<Field
name="interface_name"
@ -91,9 +91,9 @@ const Interfaces = () => {
</option>
{renderInterfaces(interfaces)}
</Field>
{interfaceValue
&& renderInterfaceValues(interfaceValue)}
</div>
{interfaceValue
&& renderInterfaceValues(interfaceValue)}
</div>
</>;
};

View File

@ -12,6 +12,10 @@
max-width: 50%;
}
.dhcp__interfaces {
padding-bottom: 1rem;
}
@media (max-width: 991.98px) {
.dhcp-form__button {
margin: 0.5rem 0;
@ -28,4 +32,13 @@
flex: 0 0 100%;
max-width: 100%;
}
.dhcp__interfaces {
flex-direction: column;
padding-bottom: 0.5rem;
}
.dhcp__interfaces-info {
padding-left: 1.5rem;
}
}