feat: update feature, remove version information

opacity-browser · May 21, 2024 · 71044e6 · 71044e6
1 parent 059fd9c
commit 71044e6
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 13 deletions.
diff --git a/src/components/Feature.tsx b/src/components/Feature.tsx
@@ -29,6 +29,11 @@ export default () => {
             <p>
               {t('Add AD blocking')}
             </p>
+            <ul>
+              <li><input type='checkbox' checked disabled={true} />AdSense</li>
+              <li><input type='checkbox' checked disabled={true} />YouTube</li>
+              <li><input type='checkbox' disabled={true} />Other</li>
+            </ul>
           </li>
           <li>
             <p>
@@ -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
@@ -26,7 +26,6 @@ export default () => {
                   {t('Download for MacOS')}
                 </button>
               </a>
-              <$version><p><span>v</span>1.0.0</p></$version>
             </$buttonBox>
           </$mainText>
           <$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;