diff --git a/src/components/Icon.tsx b/src/components/Icon.tsx index f8a0cc8..b9996f8 100644 --- a/src/components/Icon.tsx +++ b/src/components/Icon.tsx @@ -6,6 +6,7 @@ const icons = { windows: ``, shield: ``, logo: ``, + network: ``, }; export type Icons = keyof typeof icons; diff --git a/src/components/SetupScreen.tsx b/src/components/SetupScreen.tsx index 33fcbd6..04658d8 100644 --- a/src/components/SetupScreen.tsx +++ b/src/components/SetupScreen.tsx @@ -17,7 +17,7 @@ export function SetupScreen() {
-

Le's get this set up!

+

Let's get this set up!

To get started, we need to setup some things first. Click the button below to continue.

diff --git a/src/tabs/PermissionGrant.css b/src/tabs/PermissionGrant.css index be113c3..3c15cd2 100644 --- a/src/tabs/PermissionGrant.css +++ b/src/tabs/PermissionGrant.css @@ -11,7 +11,9 @@ body { } #__plasmo { - height: 100%; + display: flex; + flex-direction: column; + min-height: 100%; background-color: #0A0A10; } diff --git a/src/tabs/PermissionRequest.css b/src/tabs/PermissionRequest.css index 51486cc..86ff7e7 100644 --- a/src/tabs/PermissionRequest.css +++ b/src/tabs/PermissionRequest.css @@ -16,6 +16,11 @@ body { max-width: 628px; } +.permission-request .inner-container { + display: flex; + flex-direction: column; +} + .permission-request h1 { font-size: 2rem; font-weight: bold; @@ -56,6 +61,12 @@ body { border-radius: 11px; } +@media screen and (max-width: 550px) { + .permission-request .card { + grid-template-columns: auto; + grid-template-rows: auto auto auto; + } +} .permission-request .card .icon-circle { width: 2rem; diff --git a/src/tabs/PermissionRequest.tsx b/src/tabs/PermissionRequest.tsx index 43b0dd3..234bde4 100644 --- a/src/tabs/PermissionRequest.tsx +++ b/src/tabs/PermissionRequest.tsx @@ -48,33 +48,48 @@ export default function PermissionRequest() { >

Read the source code on GitHub

- Don't trust us? Read the code and choose for yourself if its safe! + Don't trust us? Read the code and decide for yourself if it's safe!

Permission list

-
+
}>

Read & change data from all sites

- To be able to gather content from the sources. We need to be able to reach those sources. Unfortunately - that requires us to request the permissions from all sites. + This is so the extension can gather content from the sources. We need to be able to reach those sources. + Unfortunately that requires us to request the permissions from all sites. +

+
+ }> +

Network Requests

+

+ This permission allows the extension to instruct the browser how to request data from sites. In more + technical terms, this allows movie-web to modify HTTP headers that it wouldn't normally be allowed + to. +

+

+ You won't be prompted for this permission, it's included in “Read & change data from all sites”.

}>

Read and write cookies

- Some sources use cookies for authentication. We need to be able to read and set those cookies. This - won't be prompted to you, it's included in “Read & change data from all sites”. + Some sources use cookies for authentication. We need to be able to read and set those cookies. +

+

+ You won't be prompted for this permission, it's included in “Read & change data from all sites”.

}>

Active tab

To determine which site has access to the extension or not, we need to know what tab you're currently - using. This permission is given to all extensions by default, so your browser won't prompt you for - it. + using. +

+

+ This permission is given to all extensions by default, so your browser won't prompt you for it.