Style scrollbars

resources/css/theme-elements.style.css

@@ -13664,3 +13664,27 @@ input[type="file"]::file-selector-button:hover {
     border-color: var(--color-border-input); /* .hover\:sl-border-input:hover */
     cursor: pointer;
 }
+
+* {
+    /* Foreground, Background */
+    scrollbar-color: #3c4c67 transparent);
+}
+*::-webkit-scrollbar { /* Background */
+    width: 5px;
+    height: 5px;
+    background: transparent;
+}
+
+*::-webkit-scrollbar-thumb { /* Foreground */
+    background: #3c4c67;
+}
+
+
+.sl-inverted * {
+    /* Foreground, Background */
+    scrollbar-color: #FFFFFF99 transparent;
+}
+
+.sl-inverted *::-webkit-scrollbar-thumb { /* Foreground */
+    background: #FFFFFF99;
+}

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

@@ -505,53 +505,3 @@
         @endif
 </div>
 
-
-<span id="execution-results-{{ $endpoint->endpointId() }}" hidden>
-    <blockquote>Received response<span
-                id="execution-response-status-{{ $endpoint->endpointId() }}"></span>:
-    </blockquote>
-    <pre class="json"><code id="execution-response-content-{{ $endpoint->endpointId() }}"></code></pre>
-</span>
-<span id="execution-error-{{ $endpoint->endpointId() }}" hidden>
-    <blockquote>Request failed with error:</blockquote>
-    <pre><code id="execution-error-message-{{ $endpoint->endpointId() }}"></code></pre>
-</span>
-<form id="form-{{ $endpoint->endpointId() }}" data-method="{{ $endpoint->httpMethods[0] }}"
-      data-path="{{ $endpoint->uri }}"
-      data-authed="{{ $endpoint->metadata->authenticated ? 1 : 0 }}"
-      data-hasfiles="{{ $endpoint->hasFiles() ? 1 : 0 }}"
-      data-isarraybody="{{ $endpoint->isArrayBody() ? 1 : 0 }}"
-      data-headers='@json($endpoint->headers)'
-      autocomplete="off"
-      onsubmit="event.preventDefault(); executeTryOut('{{ $endpoint->endpointId() }}', this);">
-    <h3>
-        Request&nbsp;&nbsp;&nbsp;
-        @if($metadata['try_it_out']['enabled'] ?? false)
-            <button type="button"
-                    style="background-color: #8fbcd4; padding: 5px 10px; border-radius: 5px; border-width: thin;"
-                    id="btn-tryout-{{ $endpoint->endpointId() }}"
-                    onclick="tryItOut('{{ $endpoint->endpointId() }}');">Try it out ⚡
-            </button>
-            <button type="button"
-                    style="background-color: #c97a7e; padding: 5px 10px; border-radius: 5px; border-width: thin;"
-                    id="btn-canceltryout-{{ $endpoint->endpointId() }}"
-                    onclick="cancelTryOut('{{ $endpoint->endpointId() }}');" hidden>Cancel 🛑
-            </button>&nbsp;&nbsp;
-            <button type="submit"
-                    style="background-color: #6ac174; padding: 5px 10px; border-radius: 5px; border-width: thin;"
-                    id="btn-executetryout-{{ $endpoint->endpointId() }}" hidden>Send Request 💥
-            </button>
-        @endif
-    </h3>
-    @if($endpoint->metadata->authenticated && $metadata['auth']['location'] === 'header')
-        <p>
-            <label id="auth-{{ $endpoint->endpointId() }}" hidden>{{ $metadata['auth']['name'] }} header:
-                <b><code>{{ $metadata['auth']['prefix'] }}</code></b>
-                <input type="text"
-                       name="{{ $metadata['auth']['name'] }}"
-                       data-prefix="{{ $metadata['auth']['prefix'] }}"
-                       data-endpoint="{{ $endpoint->endpointId() }}"
-                       data-component="header"></label>
-        </p>
-    @endif
-</form>