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() {
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..dc26d90 100644 --- a/src/tabs/PermissionRequest.tsx +++ b/src/tabs/PermissionRequest.tsx @@ -48,33 +48,47 @@ export default function PermissionRequest() { >- 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!
- 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. +
+ ++ 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”.
- 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”.
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.