1
0
mirror of https://github.com/pocketbase/pocketbase.git synced 2024-11-25 01:16:21 +02:00

updated api preview tabs style

This commit is contained in:
Gani Georgiev 2023-09-01 09:30:49 +03:00
parent 8a94ccea42
commit baacf4913b
19 changed files with 31 additions and 18 deletions

View File

@ -103,7 +103,7 @@
<div class="section-title">Responses</div>
<div class="tabs">
<div class="tabs-header compact left">
<div class="tabs-header compact glued left">
{#each responses as response (response.code)}
<button
class="tab-item"

View File

@ -144,7 +144,7 @@
<div class="section-title">Responses</div>
<div class="tabs">
<div class="tabs-header compact left">
<div class="tabs-header compact glued left">
{#each responses as response (response.code)}
<button
class="tab-item"

View File

@ -240,7 +240,7 @@
<div class="section-title">Responses</div>
<div class="tabs">
<div class="tabs-header compact left">
<div class="tabs-header compact glued left">
{#each responses as response (response.code)}
<button
class="tab-item"

View File

@ -203,7 +203,7 @@
<div class="section-title">Responses</div>
<div class="tabs">
<div class="tabs-header compact left">
<div class="tabs-header compact glued left">
{#each responses as response (response.code)}
<button
class="tab-item"

View File

@ -115,7 +115,7 @@
<div class="section-title">Responses</div>
<div class="tabs">
<div class="tabs-header compact left">
<div class="tabs-header compact glued left">
{#each responses as response (response.code)}
<button
class="tab-item"

View File

@ -129,7 +129,7 @@
<div class="section-title">Responses</div>
<div class="tabs">
<div class="tabs-header compact left">
<div class="tabs-header compact glued left">
{#each responses as response (response.code)}
<button
class="tab-item"

View File

@ -103,7 +103,7 @@
<div class="section-title">Responses</div>
<div class="tabs">
<div class="tabs-header compact left">
<div class="tabs-header compact glued left">
{#each responses as response (response.code)}
<button
class="tab-item"

View File

@ -319,7 +319,7 @@ await pb.collection('${collection?.name}').requestVerification('test@example.com
<div class="section-title">Responses</div>
<div class="tabs">
<div class="tabs-header compact left">
<div class="tabs-header compact glued left">
{#each responses as response (response.code)}
<button
class="tab-item"

View File

@ -119,7 +119,7 @@
<div class="section-title">Responses</div>
<div class="tabs">
<div class="tabs-header compact left">
<div class="tabs-header compact glued left">
{#each responses as response (response.code)}
<button
class="tab-item"

View File

@ -242,7 +242,7 @@
<div class="section-title">Responses</div>
<div class="tabs">
<div class="tabs-header compact left">
<div class="tabs-header compact glued left">
{#each responses as response (response.code)}
<button
type="button"

View File

@ -155,7 +155,7 @@
<div class="section-title">Responses</div>
<div class="tabs">
<div class="tabs-header compact left">
<div class="tabs-header compact glued left">
{#each responses as response (response.code)}
<button
class="tab-item"

View File

@ -122,7 +122,7 @@
<div class="section-title">Responses</div>
<div class="tabs">
<div class="tabs-header compact left">
<div class="tabs-header compact glued left">
{#each responses as response (response.code)}
<button
class="tab-item"

View File

@ -97,7 +97,7 @@
<div class="section-title">Responses</div>
<div class="tabs">
<div class="tabs-header compact left">
<div class="tabs-header compact glued left">
{#each responses as response (response.code)}
<button
class="tab-item"

View File

@ -97,7 +97,7 @@
<div class="section-title">Responses</div>
<div class="tabs">
<div class="tabs-header compact left">
<div class="tabs-header compact glued left">
{#each responses as response (response.code)}
<button
class="tab-item"

View File

@ -33,7 +33,7 @@
</script>
<div class="tabs sdk-tabs {classes}">
<div class="tabs-header compact left">
<div class="tabs-header compact glued left">
{#each sdkExamples as example (example.language)}
<button
class="tab-item"

View File

@ -132,7 +132,7 @@
<div class="section-title">Responses</div>
<div class="tabs">
<div class="tabs-header compact left">
<div class="tabs-header compact glued left">
{#each responses as response (response.code)}
<button
class="tab-item"

View File

@ -338,7 +338,7 @@ final record = await pb.collection('${collection?.name}').update('RECORD_ID', bo
<div class="section-title">Responses</div>
<div class="tabs">
<div class="tabs-header compact left">
<div class="tabs-header compact glued left">
{#each responses as response (response.code)}
<button
class="tab-item"

View File

@ -140,7 +140,7 @@
<div class="section-title">Responses</div>
<div class="tabs">
<div class="tabs-header compact left">
<div class="tabs-header compact glued left">
{#each responses as response (response.code)}
<button
class="tab-item"

View File

@ -101,6 +101,19 @@ $tabContentAnimationSpeed: 0.2s;
min-height: 30px;
margin-bottom: var(--smSpacing);
}
&.glued {
border: 0;
margin-bottom: -2px;
.tab-item {
&:after {
content: none;
display: none;
}
&.active {
background: var(--baseAlt1Color);
}
}
}
}
.tabs-content {