diff --git a/src/components/ts/IDBManager.ts b/src/components/ts/IDBManager.ts index a6aa1a5..5408fcc 100644 --- a/src/components/ts/IDBManager.ts +++ b/src/components/ts/IDBManager.ts @@ -1,8 +1,7 @@ type VALID_EXT_TYPES = "serviceWorker" | "theme" | "page"; export interface ExtensionMetadata { title: string; - // TODO: Add description to the manifest - // description: string; + description?: string; // Versions should follow semantic versioning version: string; diff --git a/src/json/marketplace.json b/src/json/marketplace.json index c0b2f2a..ddd09d9 100644 --- a/src/json/marketplace.json +++ b/src/json/marketplace.json @@ -1,6 +1,7 @@ { "dev.wearr.adblock": { - "title": "Adblocker", + "title": "Alu Adblocker", + "description": "Alu Adblocker is the best adblocker for web proxy services. It blocks up to 97% of all trackers and ads.", "version": "0.0.1", "image": "/marketplace/adblock/adblock.png", "script": "/marketplace/adblock/index.js", @@ -10,6 +11,52 @@ }, "dev.wearr.oled-theme": { "title": "OLED Theme", + "description": "A beautiful OLED theme for Alu.", + "version": "0.0.1", + "image": "/marketplace/oled-theme/theme.png", + "script": "/marketplace/oled-theme/theme.css", + "type": "theme", + "themeName": "oled" + }, + "dev.wearr.oled-theme2": { + "title": "OLED Theme", + "description": "A beautiful OLED theme for Alu.", + "version": "0.0.1", + "image": "/marketplace/oled-theme/theme.png", + "script": "/marketplace/oled-theme/theme.css", + "type": "theme", + "themeName": "oled" + }, + "dev.wearr.oled-theme3": { + "title": "OLED Theme", + "description": "A beautiful OLED theme for Alu.", + "version": "0.0.1", + "image": "/marketplace/oled-theme/theme.png", + "script": "/marketplace/oled-theme/theme.css", + "type": "theme", + "themeName": "oled" + }, + "dev.wearr.oled-theme4": { + "title": "OLED Theme", + "description": "A beautiful OLED theme for Alu.", + "version": "0.0.1", + "image": "/marketplace/oled-theme/theme.png", + "script": "/marketplace/oled-theme/theme.css", + "type": "theme", + "themeName": "oled" + }, + "dev.wearr.oled-theme5": { + "title": "OLED Theme", + "description": "A beautiful OLED theme for Alu.", + "version": "0.0.1", + "image": "/marketplace/oled-theme/theme.png", + "script": "/marketplace/oled-theme/theme.css", + "type": "theme", + "themeName": "oled" + }, + "dev.wearr.oled-theme6": { + "title": "OLED Theme", + "description": "A beautiful OLED theme for Alu.", "version": "0.0.1", "image": "/marketplace/oled-theme/theme.png", "script": "/marketplace/oled-theme/theme.css", diff --git a/src/pages/[lang]/marketplace.astro b/src/pages/[lang]/marketplace.astro index 18f4775..2e46c1c 100644 --- a/src/pages/[lang]/marketplace.astro +++ b/src/pages/[lang]/marketplace.astro @@ -9,6 +9,7 @@ export const getStaticPaths = () => { type MarketplaceItem = { title: string; + description: string; version: string; image: string; script: string; @@ -33,6 +34,7 @@ type MarketplaceItem = {
{`${item.title}
{item.title}
+
{item.description}
@@ -58,9 +60,8 @@ type MarketplaceItem = { margin: 0 auto; color: var(--text-color); display: grid; - display: flex; - flex-direction: row; - flex-wrap: wrap; + grid-template-columns: repeat(auto-fill, minmax(45%, 1fr)); + align-items: center; text-align: center; justify-content: center; gap: 20px; @@ -69,12 +70,16 @@ type MarketplaceItem = { border: 3px solid var(--accent-color); padding: 20px; border-radius: 15px; - width: 180px; + width: 100%; } .marketplace-item-image { width: 64px; height: 64px; } + .marketplace-item-desc { + width: 80%; + margin: 0 auto; + } .marketplace-btn { width: 100%; background-color: var(--accent-color);