qdadm 0.13.0

package/src/styles/_markdown.css

@@ -0,0 +1,82 @@
+/**
+ * Markdown Rendered Content
+ * Styles for displaying markdown-to-HTML content
+ */
+
+.markdown-rendered {
+  background: var(--p-surface-100);
+  padding: 1rem;
+  border-radius: 0.25rem;
+  max-height: 400px;
+  overflow-y: auto;
+  font-size: 0.875rem;
+}
+
+.markdown-rendered h1,
+.markdown-rendered h2,
+.markdown-rendered h3,
+.markdown-rendered h4 {
+  margin: 1rem 0 0.5rem 0;
+  font-weight: 600;
+}
+
+.markdown-rendered h1 { font-size: 1.5rem; }
+.markdown-rendered h2 { font-size: 1.25rem; }
+.markdown-rendered h3 { font-size: 1.1rem; }
+
+.markdown-rendered p {
+  margin: 0.5rem 0;
+}
+
+.markdown-rendered ul,
+.markdown-rendered ol {
+  margin: 0.5rem 0;
+  padding-left: 1.5rem;
+}
+
+.markdown-rendered a {
+  color: var(--p-primary-500);
+  text-decoration: underline;
+}
+
+.markdown-rendered code {
+  background: var(--p-surface-200);
+  padding: 0.1rem 0.3rem;
+  border-radius: 0.25rem;
+  font-family: monospace;
+  font-size: 0.85em;
+}
+
+.markdown-rendered pre {
+  background: var(--p-surface-200);
+  padding: 0.75rem;
+  border-radius: 0.25rem;
+  overflow-x: auto;
+}
+
+.markdown-rendered blockquote {
+  border-left: 3px solid var(--p-surface-300);
+  margin: 0.5rem 0;
+  padding-left: 1rem;
+  color: var(--p-surface-600);
+}
+
+.markdown-rendered .md-figure {
+  margin: 1rem 0;
+  padding: 0;
+}
+
+.markdown-rendered .md-figure img {
+  max-width: 100%;
+  height: auto;
+  border-radius: 0.25rem;
+  display: block;
+}
+
+.markdown-rendered .md-figure figcaption {
+  margin-top: 0.5rem;
+  font-size: 0.75rem;
+  color: var(--p-surface-500);
+  font-style: italic;
+  line-height: 1.4;
+}

package/src/styles/_show-pages.css

@@ -0,0 +1,84 @@
+/**
+ * Show/Detail Page Styles
+ * Common styles for entity detail views (EventShow, NexusShow, etc.)
+ */
+
+/* Header with back button */
+.header-left {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+}
+
+/* Content layout grid */
+.content-grid {
+  display: grid;
+  gap: 1.5rem;
+}
+
+/* Meta grid for key-value displays */
+.meta-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  gap: 1.5rem;
+}
+
+/* Summary/description text blocks */
+.summary-text,
+.intent-text {
+  line-height: 1.5;
+}
+
+/* Tags container */
+.tags-wrap {
+  display: flex;
+  gap: 0.5rem;
+  flex-wrap: wrap;
+}
+
+/* Section title with separator - now uses .section-title--separator modifier from main.css */
+
+/* URL action buttons */
+.url-actions {
+  display: flex;
+  gap: 0.5rem;
+  align-items: center;
+}
+
+/* Content boxes for text display */
+.content-box {
+  background: var(--p-surface-100);
+  padding: 1rem;
+  border-radius: 0.25rem;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+.content-box--scrollable {
+  max-height: 300px;
+  overflow-y: auto;
+}
+
+.content-box--tall {
+  max-height: 400px;
+}
+
+/* Timestamps: uses .timestamps-grid and .timestamps-grid--separator from main.css */
+
+/* Status and tags row */
+.status-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+}
+
+.tags-row {
+  display: flex;
+  gap: 0.5rem;
+}
+
+@media (max-width: 768px) {
+  .meta-grid {
+    grid-template-columns: 1fr;
+  }
+}

package/src/styles/index.css

@@ -0,0 +1,16 @@
+/**
+ * qdadm - Styles entry point
+ *
+ * Import this file in your main.js:
+ *   import 'qdadm/styles'
+ */
+
+/* Main styles */
+@import './main.css';
+
+/* Component-specific styles */
+@import './_alerts.css';
+@import './_code.css';
+@import './_dialogs.css';
+@import './_markdown.css';
+@import './_show-pages.css';