mirrors/AdGuardHome
1
0
Fork 0
mirror of https://github.com/AdguardTeam/AdGuardHome.git synced 2024-12-23 23:28:17 +03:00
Code Issues Projects Releases Packages Wiki Activity

Pull request 2316: AGDNS-2239 fix setup guide list styles

Browse source 
Squashed commit of the following:

commit 52cc651e3b6a5fe7c46ad1fb41865f2dd1f84258
Merge: 324c4e102 c234e5dc3
Author: Eugene Burkov <E.Burkov@AdGuard.COM>
Date:   Thu Dec 5 15:28:39 2024 +0300

    Merge branch 'master' into AGDNS-2239

commit 324c4e1024
Author: Ildar Kamalov <ik@adguard.com>
Date:   Wed Dec 4 17:03:46 2024 +0300

    fix mobile styles

commit 739ccfa6f1
Author: Ildar Kamalov <ik@adguard.com>
Date:   Wed Dec 4 16:45:48 2024 +0300

    AGDNS-2239 fix guide list padding
This commit is contained in:
Ildar Kamalov 2024-12-05 15:36:40 +03:00 committed by Eugene Burkov
parent c234e5dc31
commit 11dfc7a3e8
3 changed files with 14 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
CHANGELOG.md
View file

@ -41,6 +41,7 @@ NOTE: Add new changes BELOW THIS COMMENT.
### Fixed ### Fixed
- Setup guide styles in Firefox.
- Goroutine leak during the upstream DNS server test ([#7357]). - Goroutine leak during the upstream DNS server test ([#7357]).
- Goroutine leak during configuration update resulting in increased response - Goroutine leak during configuration update resulting in increased response
time ([#6818]). time ([#6818]).

11
client/src/components/SetupGuide/Guide.css
View file

@ -14,6 +14,17 @@
font-size: 15px; font-size: 15px;
} }
.guide__list {
margin-top: 16px;
padding-left: 0;
}
@media screen and (min-width: 768px) {
.guide__list {
padding-left: 24px;
}
}
.guide__address { .guide__address {
display: block; display: block;
margin-bottom: 7px; margin-bottom: 7px;

4
client/src/components/SetupGuide/index.tsx
View file

@ -33,13 +33,13 @@ const SetupGuide = ({
<Trans>install_devices_address</Trans>: <Trans>install_devices_address</Trans>:
</div> </div>
<div className="mt-3"> <ul className="guide__list">
{dnsAddresses.map((ip: any) => ( {dnsAddresses.map((ip: any) => (
<li key={ip} className="guide__address"> <li key={ip} className="guide__address">
{ip} {ip}
</li> </li>
))} ))}
</div> </ul>
</div> </div>
<Guide dnsAddresses={dnsAddresses} /> <Guide dnsAddresses={dnsAddresses} />