diff --git a/src/components/Feature.tsx b/src/components/Feature.tsx index 7563209..64a456e 100644 --- a/src/components/Feature.tsx +++ b/src/components/Feature.tsx @@ -29,6 +29,11 @@ export default () => {

{t('Add AD blocking')}

+
  • @@ -62,6 +67,7 @@ const $featureList = styled.div` &:not(:first-of-type) { margin-top: 10px; } + p { font-size: 20px; line-height: 24px; @@ -85,6 +91,22 @@ const $featureList = styled.div` opacity: 0.1; } } + + ul { + margin-bottom: 15px; + li { + display: flex; + align-items: center; + font-size: 16px; + list-style: none; + &:first-of-type { + margin-top: 10px; + } + input { + margin: 0 5px 0 0; + } + } + } } } ` diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx index 7af6f1b..dfa0035 100644 --- a/src/components/Layout.tsx +++ b/src/components/Layout.tsx @@ -26,7 +26,6 @@ export default () => { {t('Download for MacOS')} - <$version>

    v1.0.0

    <$mainImage> @@ -160,18 +159,6 @@ const $buttonBox = styled.div` } ` -const $version = styled.div` - font-size: 14px; - margin: 1px 0 0 10px; - color: #999; - p { - span { - display: inline-block; - margin-right: 2px; - } - } -` - const $mainImage = styled.div` width: 50%; display: flex;