extern/web-check
1
0
Fork 0
mirror of https://github.com/Lissy93/web-check.git synced 2025-01-10 08:19:28 +01:00
Code Issues Packages Projects Releases Wiki Activity

Improves webkit compatibility for Chrome/Chromium browsers

Browse Source
This commit is contained in:
Alicia Sykes 2023-07-27 22:08:16 +01:00
parent 53ee9d18f4
commit abff9283dc
5 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Form/Input.tsx
View File

@ -44,6 +44,8 @@ const StyledInput = styled.input<StyledInputTypes>`
const StyledLabel = styled.label<StyledInputTypes>` const StyledLabel = styled.label<StyledInputTypes>`
color: ${colors.textColor}; color: ${colors.textColor};
${props => applySize(props.inputSize)}; ${props => applySize(props.inputSize)};
padding: 0;
font-size: 1.6rem;
`; `;
const Input = (inputProps: Props): JSX.Element => { const Input = (inputProps: Props): JSX.Element => {

3
src/components/Form/Nav.tsx
View File

@ -6,13 +6,14 @@ import colors from 'styles/colors';
import { ReactNode } from 'react'; import { ReactNode } from 'react';
const Header = styled(StyledCard)` const Header = styled(StyledCard)`
margin: 1rem; margin: 1rem auto;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-items: baseline; align-items: baseline;
justify-content: space-between; justify-content: space-between;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
align-items: center; align-items: center;
width: 95vw;
`; `;
const Nav = (props: { children?: ReactNode}) => { const Nav = (props: { children?: ReactNode}) => {

6
src/components/Results/DnsServer.tsx
View File

@ -20,9 +20,9 @@ const DnsServerCard = (props: {data: any, title: string, actionButtons: any }):
{dnsSecurity.dns.map((dns: any, index: number) => { {dnsSecurity.dns.map((dns: any, index: number) => {
return (<> return (<>
{ dnsSecurity.dns.length > 1 && <Heading as="h4" size="small" color={colors.primary}>DNS Server #{index+1}</Heading> } { dnsSecurity.dns.length > 1 && <Heading as="h4" size="small" color={colors.primary}>DNS Server #{index+1}</Heading> }
<Row lbl="IP Address" val={dns.address} /> <Row lbl="IP Address" val={dns.address} key={`ip-${index}`} />
{ dns.hostname && <Row lbl="Hostname" val={dns.hostname} /> } { dns.hostname && <Row lbl="Hostname" val={dns.hostname} key={`host-${index}`} /> }
<Row lbl="DoH Support" val={dns.dohDirectSupports ? '✅ Yes*' : '❌ No*'} /> <Row lbl="DoH Support" val={dns.dohDirectSupports ? '✅ Yes*' : '❌ No*'} key={`doh-${index}`} />
</>); </>);
})} })}
{dnsSecurity.dns.length > 0 && (<small> {dnsSecurity.dns.length > 0 && (<small>

4
src/pages/Home.tsx
View File

@ -60,8 +60,12 @@ const SiteFeaturesWrapper = styled(StyledCard)`
.links { .links {
display: flex; display: flex;
justify-content: center; justify-content: center;
gap: 0.5rem;
a { a {
width: 100%; width: 100%;
button {
width: calc(100% - 2rem);
}
} }
} }
ul { ul {

2
src/utils/docs.ts
View File

@ -1,4 +1,4 @@
interface Doc { export interface Doc {
id: string; id: string;
title: string; title: string;
description: string; description: string;