Add policy visual editor

Signed-off-by: gearnode <bryan@frimin.fr>
2025-03-04 12:22:04 +01:00
parent 312474354c
commit 3c39aa86c9
8 changed files with 1185 additions and 20 deletions
--- a/apps/console/src/styles/policy-content.css
+++ b/apps/console/src/styles/policy-content.css
@@ -0,0 +1,127 @@
+/* Policy Content Styles */
+.policy-content {
+  line-height: 1.6;
+}
+
+.policy-content h1 {
+  font-size: 2rem;
+  font-weight: 700;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+  color: hsl(var(--foreground));
+}
+
+.policy-content h2 {
+  font-size: 1.5rem;
+  font-weight: 600;
+  margin-top: 1.5rem;
+  margin-bottom: 0.75rem;
+  color: hsl(var(--foreground));
+}
+
+.policy-content h3 {
+  font-size: 1.25rem;
+  font-weight: 600;
+  margin-top: 1.25rem;
+  margin-bottom: 0.75rem;
+  color: hsl(var(--foreground));
+}
+
+.policy-content h4 {
+  font-size: 1.125rem;
+  font-weight: 600;
+  margin-top: 1rem;
+  margin-bottom: 0.5rem;
+  color: hsl(var(--foreground));
+}
+
+.policy-content p {
+  margin-bottom: 1rem;
+}
+
+.policy-content ul, 
+.policy-content ol {
+  margin-left: 1.5rem;
+  margin-bottom: 1rem;
+}
+
+.policy-content ul {
+  list-style-type: disc;
+}
+
+.policy-content ol {
+  list-style-type: decimal;
+}
+
+.policy-content li {
+  margin-bottom: 0.5rem;
+}
+
+.policy-content a {
+  color: hsl(var(--primary));
+  text-decoration: underline;
+}
+
+.policy-content a:hover {
+  text-decoration: none;
+}
+
+.policy-content blockquote {
+  border-left: 4px solid hsl(var(--border));
+  padding-left: 1rem;
+  margin-left: 0;
+  margin-right: 0;
+  font-style: italic;
+  color: hsl(var(--muted-foreground));
+}
+
+.policy-content code {
+  font-family: monospace;
+  background-color: hsl(var(--muted));
+  padding: 0.2rem 0.4rem;
+  border-radius: 0.25rem;
+  font-size: 0.875em;
+}
+
+.policy-content pre {
+  background-color: hsl(var(--muted));
+  padding: 1rem;
+  border-radius: 0.5rem;
+  overflow-x: auto;
+  margin-bottom: 1rem;
+}
+
+.policy-content pre code {
+  background-color: transparent;
+  padding: 0;
+  border-radius: 0;
+}
+
+.policy-content table {
+  width: 100%;
+  border-collapse: collapse;
+  margin-bottom: 1rem;
+}
+
+.policy-content th,
+.policy-content td {
+  border: 1px solid hsl(var(--border));
+  padding: 0.5rem;
+}
+
+.policy-content th {
+  background-color: hsl(var(--muted));
+  font-weight: 600;
+}
+
+.policy-content img {
+  max-width: 100%;
+  height: auto;
+  border-radius: 0.5rem;
+}
+
+.policy-content hr {
+  border: 0;
+  border-top: 1px solid hsl(var(--border));
+  margin: 1.5rem 0;
+}