diff --git a/src/assets/active.png b/assets/active.png similarity index 100% rename from src/assets/active.png rename to assets/active.png diff --git a/src/assets/icon.png b/assets/icon.png similarity index 100% rename from src/assets/icon.png rename to assets/icon.png diff --git a/src/assets/inactive.png b/assets/inactive.png similarity index 100% rename from src/assets/inactive.png rename to assets/inactive.png diff --git a/src/assets/inter/OFL.txt b/assets/inter/OFL.txt similarity index 100% rename from src/assets/inter/OFL.txt rename to assets/inter/OFL.txt diff --git a/src/assets/inter/bold.ttf b/assets/inter/bold.ttf similarity index 100% rename from src/assets/inter/bold.ttf rename to assets/inter/bold.ttf diff --git a/src/assets/inter/regular.ttf b/assets/inter/regular.ttf similarity index 100% rename from src/assets/inter/regular.ttf rename to assets/inter/regular.ttf diff --git a/manifest.json b/manifest.json index 4c9b82d..1ee5bd3 100644 --- a/manifest.json +++ b/manifest.json @@ -8,7 +8,7 @@ "web_accessible_resources": [ { "matches": ["\u003Call_urls>"], - "resources": ["src/assets/active.png", "src/assets/inactive.png"] + "resources": ["assets/active.png", "assets/inactive.png"] } ] } diff --git a/package.json b/package.json index 5f520fd..8834a95 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "@movie-web/extension", "displayName": "P-Stream extension", - "version": "1.3.1", + "version": "1.3.2", "description": "Enhance your streaming experience with just one click", "author": "P-Stream", "scripts": { @@ -61,8 +61,8 @@ "web_accessible_resources": [ { "resources": [ - "src/assets/active.png", - "src/assets/inactive.png" + "assets/active.png", + "assets/inactive.png" ], "matches": [ "" diff --git a/src/Popup.css b/src/Popup.css index 13202de..21259dc 100644 --- a/src/Popup.css +++ b/src/Popup.css @@ -1,9 +1,8 @@ @import url("./font.css"); html { - min-height: 300px; - min-width: 300px; - height: 100%; + height: 300px; + width: 300px; } body { @@ -18,8 +17,11 @@ body { height: 100%; width: 100%; display: flex; + flex-direction: column; justify-content: center; align-items: center; + padding: 20px; + box-sizing: border-box; } #__plasmo { diff --git a/src/components/SetupScreen.css b/src/components/SetupScreen.css index 8dd1398..547a930 100644 --- a/src/components/SetupScreen.css +++ b/src/components/SetupScreen.css @@ -30,8 +30,7 @@ .setup-screen .icon { /* background-color: #0b0b1b77; */ color: #8288FE; - /* height: 40px; */ - /* font-size: 20px; */ + height: 40px; font-size: 40px; /* width: 40px; */ /* border-radius: 9999px; */ diff --git a/src/font.css b/src/font.css index 5c22608..1f00472 100644 --- a/src/font.css +++ b/src/font.css @@ -2,14 +2,14 @@ font-family: "Inter"; font-style: normal; font-weight: 400; - src: url(data-base64:~assets/inter/regular.ttf); + src: url(data-base64:../assets/inter/regular.ttf); } @font-face { font-family: "Inter"; font-style: bold; font-weight: 700; - src: url(data-base64:~assets/inter/bold.ttf); + src: url(data-base64:../assets/inter/bold.ttf); } body, html { diff --git a/src/hooks/useDomainWhitelist.ts b/src/hooks/useDomainWhitelist.ts index bc95c58..9bf332c 100644 --- a/src/hooks/useDomainWhitelist.ts +++ b/src/hooks/useDomainWhitelist.ts @@ -28,7 +28,7 @@ export function useToggleWhitelistDomain(domain: string | null) { const isWhitelisted = domainWhitelist.includes(domain ?? ''); const { grantPermission } = usePermission(); const iconPath = (chrome || browser).runtime.getURL( - isWhitelisted ? 'src/assets/active.png' : 'src/assets/inactive.png', + isWhitelisted ? 'assets/active.png' : 'assets/inactive.png', ); (chrome || browser).action.setIcon({ diff --git a/src/tabs/PermissionRequest.tsx b/src/tabs/PermissionRequest.tsx index d7ff290..4b9e782 100644 --- a/src/tabs/PermissionRequest.tsx +++ b/src/tabs/PermissionRequest.tsx @@ -41,7 +41,7 @@ export default function PermissionRequest() { purple icon={} right={ - }