Clean up auth badge, headings and descriptions

resources/views/themes/elements/components/field-details.blade.php

@@ -31,9 +31,7 @@
             @endif
         </div>
         <div class="sl-prose sl-markdown-viewer" style="font-size: 12px;">
-            <p>
-                {!! Parsedown::instance()->text($description) !!}
-            </p>
+            {!! Parsedown::instance()->text($description) !!}
         </div>
         @if(!$hasChildren && !is_null($example) && $example != '')
             <div class="sl-stack sl-stack--horizontal sl-stack--2 sl-flex sl-flex-row sl-items-baseline sl-text-muted">

resources/views/themes/elements/endpoint.blade.php

@@ -6,25 +6,16 @@
     <div class="sl-stack sl-stack--vertical sl-stack--5 sl-flex sl-flex-col sl-items-stretch">
         <div class="sl-relative">
             <div class="sl-stack sl-stack--horizontal sl-stack--5 sl-flex sl-flex-row sl-items-center">
-                <h2 class="sl-text-3xl sl-leading-tight sl-font-prose sl-font-semibold sl-text-heading"
+                <h2 class="sl-text-3xl sl-leading-tight sl-font-prose sl-text-heading sl-mt-5 sl-mb-1"
                     id="{!! $endpoint->fullSlug() !!}">
                     {{ $endpoint->name() }}
                 </h2>
             </div>
         </div>
-        <p>
-            {!! Parsedown::instance()->text($endpoint->metadata->description ?: '') !!}
-        </p>
-        <div class="sl-relative">
-            <div>
 
-                <div>
-                    @component('scribe::components.badges.auth', ['authenticated' => $endpoint->metadata->authenticated])
-                    @endcomponent
-                </div>
-
-                <div title="{{ rtrim($baseUrl, '/') . '/'. ltrim($endpoint->uri, '/') }}"
-                     class="sl-stack sl-stack--horizontal sl-stack--3 sl-inline-flex sl-flex-row sl-items-center sl-max-w-full sl-font-mono sl-py-2 sl-pr-4 sl-pl-2.5 sl-bg-canvas-50 sl-rounded-lg"
+        <div class="sl-relative">
+            <div title="{{ rtrim($baseUrl, '/') . '/'. ltrim($endpoint->uri, '/') }}"
+                     class="sl-stack sl-stack--horizontal sl-stack--3 sl-inline-flex sl-flex-row sl-items-center sl-max-w-full sl-font-mono sl-py-2 sl-pr-4 sl-bg-canvas-50 sl-rounded-lg"
                 >
                     @foreach($endpoint->httpMethods as $method)
                         <div class="sl-text-lg sl-font-semibold sl-px-2.5 sl-py-1 sl-text-on-primary sl-rounded-lg"
@@ -38,32 +29,22 @@
                              class="sl-overflow-x-hidden sl-truncate sl-text-muted">{{ rtrim($baseUrl, '/') }}</div>
                         <div class="sl-flex-1 sl-font-semibold">/{{ ltrim($endpoint->uri, '/') }}</div>
                     </div>
-                </div>
+
+                        @if($endpoint->metadata->authenticated)
+                            <div class="sl-font-prose sl-font-semibold sl-px-1.5 sl-py-0.5 sl-text-on-primary sl-rounded-lg"
+                                 style="background-color: darkred"
+                            >requires authentication
+                            </div>
+                        @endif
             </div>
         </div>
+
+        {!! Parsedown::instance()->text($endpoint->metadata->description ?: '') !!}
     </div>
     <div class="sl-flex">
         <div data-testid="two-column-left" class="sl-flex-1 sl-w-0">
             <div class="sl-stack sl-stack--vertical sl-stack--10 sl-flex sl-flex-col sl-items-stretch">
                 <div class="sl-stack sl-stack--vertical sl-stack--8 sl-flex sl-flex-col sl-items-stretch">
-                    <div class="sl-stack sl-stack--horizontal sl-stack--6 sl-flex sl-flex-row sl-items-center">
-                        <h2 id="/paths/api-file-input/post#Request" aria-label="Request"
-                            class="sl-link-heading sl-text-4xl sl-leading-tight sl-font-prose sl-font-bold sl-text-heading">
-                            <a href="#/paths/api-file-input/post#Request"
-                               class="sl-link sl-link-heading__link sl-inline-flex sl-items-center sl-text-current">
-                                <div>Request</div>
-                                <div class="sl-link-heading__icon sl-text-base sl-ml-4 sl-text-muted">
-                                    <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="link"
-                                         class="svg-inline--fa fa-link sl-icon" role="img"
-                                         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
-                                        <path fill="currentColor"
-                                              d="M172.5 131.1C228.1 75.51 320.5 75.51 376.1 131.1C426.1 181.1 433.5 260.8 392.4 318.3L391.3 319.9C381 334.2 361 337.6 346.7 327.3C332.3 317 328.9 297 339.2 282.7L340.3 281.1C363.2 249 359.6 205.1 331.7 177.2C300.3 145.8 249.2 145.8 217.7 177.2L105.5 289.5C73.99 320.1 73.99 372 105.5 403.5C133.3 431.4 177.3 435 209.3 412.1L210.9 410.1C225.3 400.7 245.3 404 255.5 418.4C265.8 432.8 262.5 452.8 248.1 463.1L246.5 464.2C188.1 505.3 110.2 498.7 60.21 448.8C3.741 392.3 3.741 300.7 60.21 244.3L172.5 131.1zM467.5 380C411 436.5 319.5 436.5 263 380C213 330 206.5 251.2 247.6 193.7L248.7 192.1C258.1 177.8 278.1 174.4 293.3 184.7C307.7 194.1 311.1 214.1 300.8 229.3L299.7 230.9C276.8 262.1 280.4 306.9 308.3 334.8C339.7 366.2 390.8 366.2 422.3 334.8L534.5 222.5C566 191 566 139.1 534.5 108.5C506.7 80.63 462.7 76.99 430.7 99.9L429.1 101C414.7 111.3 394.7 107.1 384.5 93.58C374.2 79.2 377.5 59.21 391.9 48.94L393.5 47.82C451 6.731 529.8 13.25 579.8 63.24C636.3 119.7 636.3 211.3 579.8 267.7L467.5 380z"></path>
-                                    </svg>
-                                </div>
-                            </a></h2>
-                    </div>
-
-
                     @if(count($endpoint->headers))
                         <div class="sl-stack sl-stack--vertical sl-stack--5 sl-flex sl-flex-col sl-items-stretch">
                             <div class="sl-stack sl-stack--horizontal sl-stack--6 sl-flex sl-flex-row sl-items-center">

resources/views/themes/elements/groups.blade.php

@@ -1,6 +1,6 @@
 @foreach($groupedEndpoints as $group)
     <h1 id="{!! Str::slug($group['name']) !!}"
-        class="sl-text-5xl sl-leading-tight sl-font-prose sl-font-semibold sl-text-heading"
+        class="sl-text-5xl sl-leading-tight sl-font-prose sl-text-heading"
     >
         {!! $group['name'] !!}
     </h1>
@@ -10,18 +10,15 @@
     @foreach($group['subgroups'] as $subgroupName => $subgroup)
         @if($subgroupName !== "")
             <h2 id="{!! Str::slug($group['name']) !!}-{!! Str::slug($subgroupName) !!}"
-                class="sl-text-3xl sl-leading-tight sl-font-prose sl-font-semibold sl-text-heading"
+                class="sl-text-3xl sl-leading-tight sl-font-prose sl-text-heading sl-mt-5 sl-mb-3"
             >
                 {{ $subgroupName }}
             </h2>
             @php($subgroupDescription = collect($subgroup)->first(fn ($e) => $e->metadata->subgroupDescription)?->metadata?->subgroupDescription)
             @if($subgroupDescription)
-                <div>
-                <p class="">
-                    {!! Parsedown::instance()->text($subgroupDescription) !!}
-                </p>
-                </div>
+                {!! Parsedown::instance()->text($subgroupDescription) !!}
             @endif
+            <br>
         @endif
         @foreach($subgroup as $endpoint)
             @include("scribe::themes.elements.endpoint")