feat: build extension with ionic

Martin · martinkaintas · commit de28e9e54389 · 2023-10-03T10:48:04.000+03:00
diff --git a/src/manifest.json b/src/manifest.json
@@ -2,7 +2,7 @@
   "name": "Superhero",
   "description": "Superhero Wallet",
   "manifest_version": 2,
-  "content_security_policy": "default-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'sha256-BCCVwoZgDUk/cw+Ln2/t3z9bm8qy+sICaZP5BWQIyUg='; connect-src *; font-src * data:; img-src * data:; style-src-elem *",
+  "content_security_policy": "default-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'sha256-BCCVwoZgDUk/cw+Ln2/t3z9bm8qy+sICaZP5BWQIyUg='; connect-src *; font-src * data:; img-src * data:; style-src-elem * 'sha256-3ewiyoPIApyJinIIn0TnP8UgpcBBGPZRuflC7DYK6K0='",
   "applications": {
     "gecko": {
       "strict_min_version": "53.0"
diff --git a/src/popup/App.vue b/src/popup/App.vue
@@ -127,6 +127,9 @@ export default defineComponent({
         '--height',
         IS_MOBILE_APP && IS_IOS ? '100vh' : '100%',
       );
+      if (IS_EXTENSION) {
+        document.documentElement.classList.add('is-extension');
+      }
     }
 
     async function checkExtensionUpdates() {
diff --git a/src/styles/global.scss b/src/styles/global.scss
@@ -14,6 +14,11 @@
   }
 }
 
+html.is-extension {
+  width: $extension-width;
+  height: $extension-height;
+}
+
 html,
 body,
 #app {

Original file line number	Diff line number	Diff line change
`@@ -127,6 +127,9 @@ export default defineComponent({`
`127`	`127`	`'--height',`
`128`	`128`	`IS_MOBILE_APP && IS_IOS ? '100vh' : '100%',`
`129`	`129`	`);`
	`130`	`+ if (IS_EXTENSION) {`
	`131`	`+ document.documentElement.classList.add('is-extension');`
	`132`	`+ }`
`130`	`133`	`}`
`131`	`134`
`132`	`135`	`async function checkExtensionUpdates() {`