docs: add tailwindcss for styles, oidc authorize endpoint playground (#4707)

* variable parser * rm plugin * set fcn * env * EnvCode component * cleanup env demo * env * rm remark plugin * auth request context * auth req component * authorize endpoint construction * rev react page * fix endpoint * styling * query params with anchor * desc * tailwind coexistence * fix styles * add login_hint, organizationId scope * auth request without prompt * show login_hint * sync displayed url with actual href * fix fcn * coloring * Update docs/src/components/authrequest.jsx Co-authored-by: mffap <[email protected]> * Update docs/src/components/authrequest.jsx Co-authored-by: mffap <[email protected]> * Update docs/src/components/authrequest.jsx Co-authored-by: mffap <[email protected]> * Update docs/src/components/authrequest.jsx Co-authored-by: mffap <[email protected]> * Update docs/src/components/authrequest.jsx Co-authored-by: mffap <[email protected]> * Update docs/src/components/authrequest.jsx Co-authored-by: mffap <[email protected]> * add plausible, header * add pkce * move * adds pkce code challenge * replace cboa * reaname and move to required * fall back to cboa due to webpack error * trailing slash * reorder org_id * remove resourceowner * texts * update references * buffer, fix some react dom components * Apply suggestions from code review Co-authored-by: Florian Forster <[email protected]> * standard scopes Co-authored-by: mffap <[email protected]> Co-authored-by: Florian Forster <[email protected]>
2026-10-21 15:04:25 +00:00 · 2022-12-05 18:36:12 +01:00
parent add232d1dd
commit 97fe041a86
32 changed files with 1654 additions and 459 deletions
@@ -1,9 +1,7 @@
-/* stylelint-disable docusaurus/copyright-header */
-/**
- * Any CSS included here will be global. The classic template
- * bundles Infima by default. Infima is a CSS framework designed to
- * work well for content-centric websites.
- */
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
@import "../../static/icons/line-awesome/css/line-awesome.min.css";

@font-face {
@@ -129,6 +127,9 @@
  --footer-border: rgba(0, 0, 0, 0.12);
  --card-border: rgba(135, 149, 161, 0.2);
  --ifm-pagination-nav-color-hover: #000000;
+  --input-border: #1a191954;
+  --input-hover-border: #000000;
+  --input-background: #00000004;
 }

 pre code {
@@ -303,6 +304,9 @@ h2 {
  --footer-border: rgba(255, 255, 255, 0.12);
  --card-border: rgba(135, 149, 161, 0.2);
  --ifm-pagination-nav-color-hover: #ffffff;
+  --input-border: #f9f7f775;
+  --input-hover-border: #ffffff;
+  --input-background: #00000040;
 }

 .get-started:hover {
@@ -325,7 +329,7 @@ main .container img {
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);
 }

-.rounded {
+.custom-rounded {
  display: flex;
  align-items: center;
  justify-content: center;
@@ -336,51 +340,51 @@ main .container img {
  height: 40px;
 }

-.rounded svg {
+.custom-rounded svg {
  fill: white;
  height: 1.5rem;
  width: 1.5rem;
 }

-.rounded i {
+.custom-rounded i {
  color: white;
 }

-.rounded-start {
+.custom-rounded-start {
  background: linear-gradient(40deg, #059669 30%, #047857);
 }

-.rounded-password {
+.custom-rounded-password {
  background: linear-gradient(40deg, #f59e0b 30%, #b45309);
 }

-.rounded-login,
-.rounded-register {
+.custom-rounded-login,
+.custom-rounded-register {
  background: linear-gradient(40deg, #059669 30%, #047857);
 }

-.rounded-privatelabel,
-.rounded-phone,
-.rounded-email,
-.rounded-storage,
-.rounded-service {
+.custom-rounded-privatelabel,
+.custom-rounded-phone,
+.custom-rounded-email,
+.custom-rounded-storage,
+.custom-rounded-service {
  background: linear-gradient(40deg, #3b82f6 30%, #4f46e5);
 }

-.rounded-split {
+.custom-rounded-split {
  background: linear-gradient(40deg, #3b82f6, #4f46e5);
 }

-.rounded-texts,
-.rounded-help,
-.rounded-architecture {
+.custom-rounded-texts,
+.custom-rounded-help,
+.custom-rounded-architecture {
  background: linear-gradient(40deg, #dc2626 30%, #db2777);
 }

-.rounded-system,
-.rounded-apis,
-.rounded-policy,
-.rounded-instance {
+.custom-rounded-system,
+.custom-rounded-apis,
+.custom-rounded-policy,
+.custom-rounded-instance {
  background: linear-gradient(40deg, #1f2937, #111827);
 }

@@ -483,7 +487,7 @@ table th {
 }

 a {
-  transition: all 1s ease;
+  transition: all 0.2s ease;
 }

 .alert {