mirror of
https://github.com/stack-auth/stack.git
synced 2026-06-04 21:04:37 +08:00
App icons in Mintlify docs sidebar
This commit is contained in:
Konstantin Wohlwend
parent
46227d0238
commit
fa3c8ecf56
@ -69,7 +69,7 @@
|
||||
"pages": [
|
||||
{
|
||||
"group": "Authentication",
|
||||
"icon": "lock",
|
||||
"icon": "/images/app-icons/authentication.svg",
|
||||
"pages": [
|
||||
"guides/apps/authentication/overview",
|
||||
"guides/apps/authentication/user-onboarding",
|
||||
@ -101,7 +101,7 @@
|
||||
},
|
||||
{
|
||||
"group": "Teams",
|
||||
"icon": "users",
|
||||
"icon": "/images/app-icons/teams.svg",
|
||||
"pages": [
|
||||
"guides/apps/teams/overview",
|
||||
"guides/apps/teams/team-selection"
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
---
|
||||
title: "Analytics"
|
||||
description: "Explore events, session replays, and SQL queries in your project's analytics dataset"
|
||||
icon: "chart-bar"
|
||||
icon: "/images/app-icons/analytics.svg"
|
||||
---
|
||||
|
||||
The Analytics app gives you direct access to your project's analytics dataset in Stack Auth. You can inspect raw event tables, run ClickHouse SQL queries, and watch session replays to debug real user behavior.
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
---
|
||||
title: "API Keys"
|
||||
description: "Create and manage API keys for users and teams"
|
||||
icon: "key"
|
||||
icon: "/images/app-icons/api-keys.svg"
|
||||
---
|
||||
|
||||
The API Keys app enables your users to generate and manage API keys for programmatic access to your backend services. API keys provide a secure way to authenticate requests, allowing developers to associate API calls with specific users or teams. Stack Auth provides prebuilt UI components for users and teams to manage their own API keys.
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
---
|
||||
title: "Data Vault"
|
||||
description: "An encrypted key-value store for sensitive data, with zero-knowledge security"
|
||||
icon: "vault"
|
||||
icon: "/images/app-icons/data-vault.svg"
|
||||
---
|
||||
|
||||
Data Vault is an encrypted key-value store built into Stack Auth. It lets you securely store sensitive data — API tokens, connection strings, secrets, or any other values — without ever exposing plaintext to Stack Auth's database or operators.
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
---
|
||||
title: "Emails"
|
||||
description: "Send custom emails, manage templates, and track delivery - all from Stack Auth."
|
||||
icon: "envelope"
|
||||
icon: "/images/app-icons/emails.svg"
|
||||
---
|
||||
|
||||
Stack Auth includes a full email system for sending transactional and marketing emails to your users. It handles rendering, delivery, scheduling, notification preferences, and tracking out of the box.
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: Fraud Protection
|
||||
description: Protect your project from fraud and abuse
|
||||
icon: "/images/app-icons/fraud-protection.svg"
|
||||
---
|
||||
|
||||
Fraud Protection helps you block abusive sign-ups and enforce safer onboarding rules.
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
---
|
||||
title: "Launch Checklist"
|
||||
description: "Steps to prepare Stack for production use"
|
||||
icon: "clipboard-check"
|
||||
icon: "/images/app-icons/launch-checklist.svg"
|
||||
---
|
||||
|
||||
Stack makes development easy with various default settings, but these settings need to be optimized for security and user experience when moving to production. Here's a checklist of things you need to do before switching to production mode:
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
---
|
||||
title: "Payments"
|
||||
description: "Accept payments and manage billing with Stack Auth's Stripe integration"
|
||||
icon: "credit-card"
|
||||
icon: "/images/app-icons/payments.svg"
|
||||
---
|
||||
|
||||
import { PaymentsConcepts } from "/snippets/payments-concepts.jsx";
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
title: "RBAC Permissions"
|
||||
description: "Control what each user can do and access within your application"
|
||||
sidebarTitle: RBAC
|
||||
icon: "user-cog"
|
||||
icon: "/images/app-icons/rbac.svg"
|
||||
---
|
||||
|
||||
Permissions are a way to control what each user can do and access within your application.
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
---
|
||||
title: "Webhooks"
|
||||
description: "Receive real-time updates when events occur in your Stack project"
|
||||
icon: "webhook"
|
||||
icon: "/images/app-icons/webhooks.svg"
|
||||
---
|
||||
|
||||
Webhooks are a powerful way to keep your backend in sync with Stack. They allow you to receive real-time updates when events occur in your Stack project, such as when a user or team is created, updated, or deleted.
|
||||
|
||||
21
docs-mintlify/images/app-icons/LICENSE
Normal file
21
docs-mintlify/images/app-icons/LICENSE
Normal file
@ -0,0 +1,21 @@
|
||||
MIT License
|
||||
|
||||
Copyright (c) 2020-2024 Phosphor Icons
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
1
docs-mintlify/images/app-icons/analytics.svg
Normal file
1
docs-mintlify/images/app-icons/analytics.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><polyline points="224 208 32 208 32 48" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><polyline points="224 96 160 152 96 104 32 160" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></svg>
|
||||
|
After Width: | Height: | Size: 401 B |
1
docs-mintlify/images/app-icons/api-keys.svg
Normal file
1
docs-mintlify/images/app-icons/api-keys.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><path d="M93.17,122.83A71.68,71.68,0,0,1,88,95.91c0-38.58,31.08-70.64,69.64-71.87A72,72,0,0,1,232,98.36C230.73,136.92,198.67,168,160.09,168a71.68,71.68,0,0,1-26.92-5.17h0L120,176H96v24H72v24H40a8,8,0,0,1-8-8V187.31a8,8,0,0,1,2.34-5.65l58.83-58.83Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><circle cx="180" cy="76" r="12"/></svg>
|
||||
|
After Width: | Height: | Size: 495 B |
1
docs-mintlify/images/app-icons/authentication.svg
Normal file
1
docs-mintlify/images/app-icons/authentication.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><path d="M176,128a239.33,239.33,0,0,1-17.94,91.2" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><path d="M163.78,96A48,48,0,0,0,80,128a143.41,143.41,0,0,1-18,69.73" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><path d="M96,37.46A96.07,96.07,0,0,1,224,128a288.93,288.93,0,0,1-7.14,64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><path d="M23.3,168A95.66,95.66,0,0,0,32,128,95.78,95.78,0,0,1,64,56.45" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><path d="M110.58,208q-3,6.63-6.56,13" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><path d="M128,128a192.77,192.77,0,0,1-6,48" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
1
docs-mintlify/images/app-icons/data-vault.svg
Normal file
1
docs-mintlify/images/app-icons/data-vault.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><line x1="192" y1="200" x2="192" y2="224" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="64" y1="200" x2="64" y2="224" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><rect x="32" y="48" width="192" height="152" rx="8" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><circle cx="152" cy="128" r="16"/><line x1="152" y1="128" x2="224" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><circle cx="152" cy="128" r="40" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></svg>
|
||||
|
After Width: | Height: | Size: 856 B |
1
docs-mintlify/images/app-icons/emails.svg
Normal file
1
docs-mintlify/images/app-icons/emails.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><path d="M32,56H224a0,0,0,0,1,0,0V192a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V56A0,0,0,0,1,32,56Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><polyline points="224 56 128 144 32 56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></svg>
|
||||
|
After Width: | Height: | Size: 443 B |
1
docs-mintlify/images/app-icons/fraud-protection.svg
Normal file
1
docs-mintlify/images/app-icons/fraud-protection.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><path d="M216,112V56a8,8,0,0,0-8-8H48a8,8,0,0,0-8,8v56c0,96,88,120,88,120S216,208,216,112Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><polyline points="88 136 112 160 168 104" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></svg>
|
||||
|
After Width: | Height: | Size: 447 B |
1
docs-mintlify/images/app-icons/launch-checklist.svg
Normal file
1
docs-mintlify/images/app-icons/launch-checklist.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><line x1="144" y1="224" x2="112" y2="224" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><circle cx="128" cy="100" r="12"/><path d="M94.81,192C37.52,95.32,103.87,32.53,123.09,17.68a8,8,0,0,1,9.82,0C152.13,32.53,218.48,95.32,161.19,192Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><path d="M183.84,110.88l30.31,36.36a8,8,0,0,1,1.66,6.86l-12.36,55.63a8,8,0,0,1-12.81,4.51L161.19,192" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><path d="M72.16,110.88,41.85,147.24a8,8,0,0,0-1.66,6.86l12.36,55.63a8,8,0,0,0,12.81,4.51L94.81,192" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></svg>
|
||||
|
After Width: | Height: | Size: 905 B |
1
docs-mintlify/images/app-icons/payments.svg
Normal file
1
docs-mintlify/images/app-icons/payments.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><rect x="24" y="56" width="208" height="144" rx="8" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="168" y1="168" x2="200" y2="168" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="120" y1="168" x2="136" y2="168" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="24" y1="96" x2="232" y2="96" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></svg>
|
||||
|
After Width: | Height: | Size: 688 B |
1
docs-mintlify/images/app-icons/rbac.svg
Normal file
1
docs-mintlify/images/app-icons/rbac.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><circle cx="108" cy="100" r="60" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><path d="M24,200c20.55-24.45,49.56-40,84-40s63.45,15.55,84,40" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><circle cx="224" cy="136" r="16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="224" y1="120" x2="224" y2="108" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="210.14" y1="128" x2="199.75" y2="122" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="210.14" y1="144" x2="199.75" y2="150" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="224" y1="152" x2="224" y2="164" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="237.86" y1="144" x2="248.25" y2="150" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="237.86" y1="128" x2="248.25" y2="122" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
1
docs-mintlify/images/app-icons/teams.svg
Normal file
1
docs-mintlify/images/app-icons/teams.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><circle cx="84" cy="108" r="52" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><path d="M10.23,200a88,88,0,0,1,147.54,0" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><path d="M172,160a87.93,87.93,0,0,1,73.77,40" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><path d="M152.69,59.7A52,52,0,1,1,172,160" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></svg>
|
||||
|
After Width: | Height: | Size: 676 B |
1
docs-mintlify/images/app-icons/webhooks.svg
Normal file
1
docs-mintlify/images/app-icons/webhooks.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><circle cx="192" cy="168" r="16"/><circle cx="128" cy="64" r="16"/><circle cx="64" cy="168" r="16"/><path d="M32,144a40,40,0,1,0,72,24h88" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><path d="M164.66,48A40,40,0,1,0,107,98.07L64,168" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><path d="M192,208a40,40,0,1,0-21-74.07L128,64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></svg>
|
||||
|
After Width: | Height: | Size: 649 B |
28
docs-mintlify/style.css
Normal file
28
docs-mintlify/style.css
Normal file
@ -0,0 +1,28 @@
|
||||
ul#sidebar-group > li > button > img {
|
||||
/* AppIcon-like shell */
|
||||
border: 1px solid transparent !important;
|
||||
border-radius: 30% !important;
|
||||
padding: 2px;
|
||||
box-sizing: content-box;
|
||||
background:
|
||||
linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%) padding-box,
|
||||
linear-gradient(135deg, #cbd5e1 0%, #94a3b8 52%, #cbd5e1 100%) border-box !important;
|
||||
box-shadow:
|
||||
0 2px 6px rgba(15, 23, 42, 0.18),
|
||||
inset 0 0 0 1px rgba(255, 255, 255, 0.55);
|
||||
}
|
||||
|
||||
html.dark ul#sidebar-group > li > button > img,
|
||||
html.dark ul#sidebar-group > li > a > div:first-child > img,
|
||||
:root[data-theme="dark"] ul#sidebar-group > li > button > img,
|
||||
:root[data-theme="dark"] ul#sidebar-group > li > a > div:first-child > img {
|
||||
border: 1px solid transparent !important;
|
||||
/* Use inverted shell colors so post-filter background stays blue */
|
||||
background:
|
||||
linear-gradient(135deg, #e9cfaf 0%, #f6f3ee 100%) padding-box,
|
||||
linear-gradient(135deg, #b18a67 0%, #f2dcc2 52%, #b18a67 100%) border-box !important;
|
||||
box-shadow:
|
||||
0 6px 14px rgba(245, 186, 104, 0.22),
|
||||
inset 0 0 0 1px rgba(0, 0, 0, 0.1);
|
||||
filter: invert(1);
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user