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:
parent
8a94ccea42
commit
baacf4913b
@ -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"
|
||||
|
@ -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"
|
||||
|
@ -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"
|
||||
|
@ -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"
|
||||
|
@ -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"
|
||||
|
@ -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"
|
||||
|
@ -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"
|
||||
|
@ -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"
|
||||
|
@ -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"
|
||||
|
@ -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"
|
||||
|
@ -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"
|
||||
|
@ -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"
|
||||
|
@ -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"
|
||||
|
@ -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"
|
||||
|
@ -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"
|
||||
|
@ -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"
|
||||
|
@ -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"
|
||||
|
@ -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"
|
||||
|
@ -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 {
|
||||
|
Loading…
Reference in New Issue
Block a user