add plugin admin page

3 files changed, 54 insertions, 0 deletions

diff --git a/static/admin.css b/static/admin.css
new file mode 100644
index 0000000..441dd50
--- /dev/null
+++ b/static/admin.css
@@ -0,0 +1,47 @@
+.pluginCard {
+  display: grid;
+  grid-template-columns: auto max-content;
+  margin: var(--spacing-double);
+  padding: var(--spacing-double);
+  border: var(--border);
+  border-radius: var(--border-radius);
+  background: var(--clr-panel-background);
+
+  .pluginInfo {
+    display: grid;
+    gap: var(--spacing-half);
+  }
+
+  .name {
+    font-weight: bold;
+  }
+  .filename {
+    font-size: var(--font-small-size);
+    color: var(--clr-lesser-foreground);
+  }
+
+  a:has(> &) {
+    color: inherit;
+    text-decoration: none;
+
+    .name {
+      color: var(--clr-link-unvisited);
+    }
+    &:hover .name {
+      text-decoration: underline;
+    }
+  }
+}
+
+.pluginDownloadForm {
+  max-width: 100% !important;
+  .row {
+    grid-template-columns: auto max-content;
+    align-items: end !important;
+
+    input[type="url"] {
+      width: 100%;
+      margin-bottom: 0;
+    }
+  }
+}
diff --git a/static/icons.css b/static/icons.css
index af17feb..d191b0a 100644
--- a/static/icons.css
+++ b/static/icons.css
@@ -120,4 +120,10 @@
   &.article-outline {
     --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 17h7v-2H7zm0-4h10v-2H7zm0-4h10V7H7zM5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21zm0-2h14V5H5zM5 5v14z'/%3E%3C/svg%3E");
   }
+  &.admin-panel-settings-outline {
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M17 17q.625 0 1.063-.437T18.5 15.5t-.437-1.062T17 14t-1.062.438T15.5 15.5t.438 1.063T17 17m0 3q.775 0 1.425-.363t1.05-.962q-.55-.325-1.175-.5T17 18t-1.3.175t-1.175.5q.4.6 1.05.963T17 20m-5 2q-3.475-.875-5.738-3.988T4 11.1V5l8-3l8 3v5.675q-.475-.2-.975-.363T18 10.076V6.4l-6-2.25L6 6.4v4.7q0 1.175.313 2.35t.875 2.238T8.55 17.65t1.775 1.5q.275.8.725 1.525t1.025 1.3q-.025 0-.037.013T12 22m5 0q-2.075 0-3.537-1.463T12 17t1.463-3.537T17 12t3.538 1.463T22 17t-1.463 3.538T17 22m-5-10.35'/%3E%3C/svg%3E");
+  }
+  &.extension-outline {
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M8.8 21H5q-.825 0-1.412-.587T3 19v-3.8q1.2 0 2.1-.762T6 12.5t-.9-1.937T3 9.8V6q0-.825.588-1.412T5 4h4q0-1.05.725-1.775T11.5 1.5t1.775.725T14 4h4q.825 0 1.413.588T20 6v4q1.05 0 1.775.725T22.5 12.5t-.725 1.775T20 15v4q0 .825-.587 1.413T18 21h-3.8q0-1.25-.787-2.125T11.5 18t-1.912.875T8.8 21M5 19h2.125q.6-1.65 1.925-2.325T11.5 16t2.45.675T15.875 19H18v-6h2q.2 0 .35-.15t.15-.35t-.15-.35T20 12h-2V6h-6V4q0-.2-.15-.35t-.35-.15t-.35.15T11 4v2H5v2.2q1.35.5 2.175 1.675T8 12.5q0 1.425-.825 2.6T5 16.8zm6.5-6.5'/%3E%3C/svg%3E");
+  }
 }
diff --git a/static/style.css b/static/style.css
index c1b3bab..a0442d0 100644
--- a/static/style.css
+++ b/static/style.css
@@ -9,5 +9,6 @@
 @import url(profile.css);
 @import url(mobilepanes.css);
 @import url(popup-menu.css);
+@import url(admin.css);
 @import url(misc.css);
 @import url(language-support.css);