chore: comments (#3093)

* chore: comments

* revert some sizing

---------

Co-authored-by: Matt Hill <mattnine@protonmail.com>

web/projects/ui/src/app/app.providers.ts

@@ -20,6 +20,7 @@ import { tuiObfuscateOptionsProvider } from '@taiga-ui/cdk'
 import {
   TUI_DATE_FORMAT,
   TUI_DIALOGS_CLOSE,
+  TUI_MEDIA,
   tuiAlertOptionsProvider,
   tuiButtonOptionsProvider,
   tuiDropdownOptionsProvider,
@@ -140,4 +141,12 @@ export const APP_PROVIDERS = [
       none: identity,
     },
   }),
+  {
+    provide: TUI_MEDIA,
+    useValue: {
+      mobile: 1000,
+      desktopSmall: 1280,
+      desktopLarge: Infinity,
+    },
+  },
 ]

web/projects/ui/src/app/routes/portal/routes/marketplace/marketplace.component.ts

@@ -111,11 +111,11 @@ import { ConfigService } from 'src/app/services/config.service'
       &-list {
         display: grid;
         grid-template-columns: repeat(1, minmax(0, 1fr));
-        gap: 4rem 3rem;
+        gap: 3.5rem 2.5rem;
         padding: 1.5rem;
 
         @media (min-width: 768px) {
-          padding: 2rem;
+          grid-template-columns: repeat(2, minmax(0, 1fr));
         }
         @media (min-width: 1024px) {
           grid-template-columns: repeat(2, minmax(0, 1fr));

web/projects/ui/src/app/routes/portal/routes/services/routes/about.component.ts

@@ -10,7 +10,7 @@ import {
 } from '@start9labs/shared'
 import { TuiCell } from '@taiga-ui/layout'
 import { PatchDB } from 'patch-db-client'
-import { from, map } from 'rxjs'
+import { defer, map } from 'rxjs'
 import { ApiService } from 'src/app/services/api/embassy-api.service'
 import { DataModel } from 'src/app/services/patch-db/data-model'
 import { getManifest } from 'src/app/utils/get-package-data'
@@ -54,15 +54,13 @@ import {
 })
 export default class ServiceAboutRoute {
   private readonly pkgId = getPkgId()
+  private readonly api = inject(ApiService)
   private readonly copyService = inject(CopyService)
   private readonly markdown = inject(DialogService).openComponent(MARKDOWN, {
     label: 'License',
     size: 'l',
-    data: from(
-      inject(ApiService).getStatic(
-        [`/s9pk/installed/${this.pkgId}.s9pk/LICENSE.md`],
-        {},
-      ),
+    data: defer(() =>
+      this.api.getStatic([`/s9pk/installed/${this.pkgId}.s9pk/LICENSE.md`], {}),
     ),
   })