go/pocketbase
1
0
Fork 0
mirror of https://github.com/pocketbase/pocketbase.git synced 2024-11-25 01:16:21 +02:00
Code Issues Releases Activity

updated api preview tabs style

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/src/components/collections/docs/AuthMethodsDocs.svelte
View File

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

2
ui/src/components/collections/docs/AuthRefreshDocs.svelte
View File

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

2
ui/src/components/collections/docs/AuthWithOAuth2Docs.svelte
View File

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

2
ui/src/components/collections/docs/AuthWithPasswordDocs.svelte
View File

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

2
ui/src/components/collections/docs/ConfirmEmailChangeDocs.svelte
View File

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

2
ui/src/components/collections/docs/ConfirmPasswordResetDocs.svelte
View File

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

2
ui/src/components/collections/docs/ConfirmVerificationDocs.svelte
View File

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

2
ui/src/components/collections/docs/CreateApiDocs.svelte
View File

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

2
ui/src/components/collections/docs/DeleteApiDocs.svelte
View File

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

2
ui/src/components/collections/docs/ListApiDocs.svelte
View File

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

2
ui/src/components/collections/docs/ListExternalAuthsDocs.svelte
View File

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

2
ui/src/components/collections/docs/RequestEmailChangeDocs.svelte
View File

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

2
ui/src/components/collections/docs/RequestPasswordResetDocs.svelte
View File

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

2
ui/src/components/collections/docs/RequestVerificationDocs.svelte
View File

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

2
ui/src/components/collections/docs/SdkTabs.svelte
View File

@ -33,7 +33,7 @@
</script> </script>
<div class="tabs sdk-tabs {classes}"> <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)} {#each sdkExamples as example (example.language)}
<button <button
class="tab-item" class="tab-item"

2
ui/src/components/collections/docs/UnlinkExternalAuthDocs.svelte
View File

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

2
ui/src/components/collections/docs/UpdateApiDocs.svelte
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="section-title">Responses</div>
<div class="tabs"> <div class="tabs">
<div class="tabs-header compact left"> <div class="tabs-header compact glued left">
{#each responses as response (response.code)} {#each responses as response (response.code)}
<button <button
class="tab-item" class="tab-item"

2
ui/src/components/collections/docs/ViewApiDocs.svelte
View File

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

13
ui/src/scss/_tabs.scss
View File

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