diff --git a/manifest.json b/manifest.json index 39f381c..35d6db2 100644 --- a/manifest.json +++ b/manifest.json @@ -1,7 +1,7 @@ { "manifest_version": 3, "name": "Firestore fullscreen", - "version": "1.0.3", + "version": "1.0.4", "description": "Get a fullscreen experience when browsing the Firestore database.", "icons": { @@ -10,12 +10,14 @@ "48": "images/icon-48.png", "128": "images/icon-128.png" }, - "content_scripts": [ { "matches": ["*://console.firebase.google.com/*"], "js": ["scripts/content.js"], "css" : ["css/content.css"] } - ] + ], + "action": { + "default_popup": "popup/popup.html" + } } diff --git a/popup/popup.css b/popup/popup.css new file mode 100644 index 0000000..9c3cc1c --- /dev/null +++ b/popup/popup.css @@ -0,0 +1,22 @@ +body { + font-family: 'Roboto', sans-serif; + min-width: 400px; + padding: 20px; + font-size: 16px; +} + +.main_container { + display: flex; + flex-direction: column; + gap: 20px; +} + +.container { + display: flex; + align-items: center; + gap: 20px; +} + +ul { + padding-inline-start: 1.5em; +} \ No newline at end of file diff --git a/popup/popup.html b/popup/popup.html new file mode 100644 index 0000000..d7ac3c3 --- /dev/null +++ b/popup/popup.html @@ -0,0 +1,32 @@ + + + + + + + + + +
+ +
+ +

Firebase Fullscreen

+
+ +

+ +
+ +

Having trouble?

+ + + +
+ + + + \ No newline at end of file diff --git a/popup/popup.js b/popup/popup.js new file mode 100644 index 0000000..6c38d24 --- /dev/null +++ b/popup/popup.js @@ -0,0 +1,3 @@ +const manifestData = chrome.runtime.getManifest(); +const insertVersion = document.querySelector('#insert_version'); +insertVersion.innerHTML = `Version ${manifestData.version}`; \ No newline at end of file