stack/docs/src/components/layouts
Madison c35dba3616
[Docs][UI] - Update badge styling/color in api sidebar (#882)
<!--

Make sure you've read the CONTRIBUTING.md guidelines:
https://github.com/stack-auth/stack-auth/blob/dev/CONTRIBUTING.md

-->
<img width="228" height="304" alt="image"
src="https://github.com/user-attachments/assets/637ce1bb-6aa2-4948-806f-348966d6486d"
/>

<!-- ELLIPSIS_HIDDEN -->

----

> [!IMPORTANT]
> Update badge styling and colors in `api-sidebar.tsx` to match enhanced
API page.
> 
>   - **Styling Updates**:
> - Update `METHOD_COLORS` in `api-sidebar.tsx` to match
`enhanced-api-page.tsx` colors.
> - Change `HttpMethodBadge` component styles to use gradient
backgrounds and shadows.
>   - **Misc**:
> - Update `EVENT` badge styling in `ApiSidebarContent` to use gradient
and shadow.
> 
> <sup>This description was created by </sup>[<img alt="Ellipsis"
src="https://img.shields.io/badge/Ellipsis-blue?color=175173">](https://www.ellipsis.dev?ref=stack-auth%2Fstack-auth&utm_source=github&utm_medium=referral)<sup>
for 55813428f8. You can
[customize](https://app.ellipsis.dev/stack-auth/settings/summaries) this
summary. It will automatically update as commits are pushed.</sup>

<!-- ELLIPSIS_HIDDEN -->

<!-- RECURSEML_SUMMARY:START -->
## Review by RecurseML

_🔍 Review performed on
[9318e2b..5581342](9318e2b6ce...55813428f8)_

 No bugs found, your code is sparkling clean

<details>
<summary> Files analyzed, no issues (1)</summary>

  • `docs/src/components/layouts/api/api-sidebar.tsx`
</details>

[![Need help? Join our
Discord](https://img.shields.io/badge/Need%20help%3F%20Join%20our%20Discord-5865F2?style=plastic&logo=discord&logoColor=white)](https://discord.gg/n3SsVDAW6U)
<!-- RECURSEML_SUMMARY:END -->

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

- New Features
  - Distinct visual treatment for PATCH vs. PUT methods.
- Style
- Updated HTTP method color palette to align with the enhanced API page.
- Introduced gradient badges for methods and events with consistent
mono/bold typography.
- Per-method colored dots in the sidebar; graceful fallback for unknown
methods.
  - Refined spacing and text sizing for improved readability.
- Refactor
- Consolidated method-to-color logic for consistent styling across
collapsed and expanded views.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

Co-authored-by: Konsti Wohlwend <n2d4xc@gmail.com>
2025-09-14 15:06:11 -05:00
..
api [Docs][UI] - Update badge styling/color in api sidebar (#882) 2025-09-14 15:06:11 -05:00
docs New docs (#698) 2025-06-20 13:30:01 -07:00
shared New docs (#698) 2025-06-20 13:30:01 -07:00
docs-client.tsx Adds oauth providers, fixes bottom page navigation with mobile suppor… (#726) 2025-07-08 19:51:24 -07:00
docs-header-wrapper.tsx Add an OAuth provider for Twitch (#728) 2025-07-23 02:31:47 +02:00
docs-layout-router.tsx fix links and redirect issues on components index page (#796) 2025-07-23 19:13:30 -07:00
docs.tsx [Docs][UI] - Components pop-up dynamic-codeblock (#877) 2025-09-10 01:54:20 -05:00
home-layout.tsx [Docs][site] - Add signin functionality (#876) 2025-09-10 01:32:10 -05:00
links.tsx New docs (#698) 2025-06-20 13:30:01 -07:00
page.tsx Adds oauth providers, fixes bottom page navigation with mobile suppor… (#726) 2025-07-08 19:51:24 -07:00
platform-aware-header.tsx New docs (#698) 2025-06-20 13:30:01 -07:00
shared-content-layout.tsx Docs updates (#753) 2025-07-11 10:00:02 -07:00
shared-header.tsx [Docs][site] - Add signin functionality (#876) 2025-09-10 01:32:10 -05:00
shared.tsx New docs (#698) 2025-06-20 13:30:01 -07:00
sidebar-context.tsx Docs updates (#753) 2025-07-11 10:00:02 -07:00