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-19 14:12:52 +00:00 · 2022-12-05 18:36:12 +01:00
parent add232d1dd
commit 97fe041a86
32 changed files with 1654 additions and 459 deletions
@@ -0,0 +1,42 @@
+.inputwrapper {
+  display: flex;
+  flex-direction: column;
+}
+
+.label {
+  font-size: 14px;
+  margin-bottom: 2px;
+}
+
+.input {
+  box-sizing: border-box;
+  padding-inline-start: 10px;
+  outline: none;
+  display: inline-block;
+  text-align: start;
+  cursor: text;
+  transform: all 0.2 linear;
+  font-size: 1rem;
+  border: none;
+  border: 1px solid var(--input-border);
+  background-color: var(--input-background);
+  border-radius: 4px;
+  height: 40px;
+  padding: 10px;
+  max-width: 400px;
+  transition: border-color 0.15s ease-in-out,
+    background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
+    color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+  width: 100%;
+  color: var(--ifm-font-color-base);
+  margin-bottom: 2px;
+}
+
+input:hover {
+  border-color: var(--input-hover-border);
+}
+
+input:active,
+input:focus {
+  border-color: var(--ifm-color-primary);
+}