Revert "ux: touch up tabs" (#22779)

Reverts docker/docs#22774
This commit is contained in:
Allie Sadler 2025-06-05 08:21:51 +01:00 committed by GitHub
parent 7b0b813919
commit 5485c9f412
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 13 additions and 24 deletions

View File

@ -23,15 +23,15 @@
"prefix": ["admonition", "tabs"], "prefix": ["admonition", "tabs"],
"body": [ "body": [
"", "",
"{{< tabs group=\"$1\" >}}", "{{< tabs >}}",
"{{< tab name=\"$2\">}}", "{{< tab name=\"$1\">}}",
"", "",
"$3", "$2",
"", "",
"{{< /tab >}}", "{{< /tab >}}",
"{{< tab name=\"$4\">}}", "{{< tab name=\"$3\">}}",
"", "",
"$5", "$4",
"", "",
"{{< /tab >}}", "{{< /tab >}}",
"{{</tabs >}}", "{{</tabs >}}",

View File

@ -101,15 +101,3 @@
.summary-bar { .summary-bar {
@apply my-1 mt-4 flex flex-col rounded-sm border-1 border-gray-100 bg-gray-50 p-4 dark:border-gray-800 dark:bg-gray-900; @apply my-1 mt-4 flex flex-col rounded-sm border-1 border-gray-100 bg-gray-50 p-4 dark:border-gray-800 dark:bg-gray-900;
} }
.tabs {
@apply bg-blue/2 rounded-sm p-2;
}
.tablist {
@apply mb-1 border-b border-gray-100 dark:border-gray-800;
}
.tab-item {
@apply inline-block rounded-sm px-3 py-2 hover:bg-gray-100 dark:hover:bg-gray-900;
@apply dark:text-gray-200;
}

View File

@ -83,7 +83,7 @@ You can now use the `docker model` command in the CLI and view and interact with
Models are cached locally. Models are cached locally.
{{< tabs group="release" >}} {{< tabs >}}
{{< tab name="From Docker Desktop">}} {{< tab name="From Docker Desktop">}}
1. Select **Models** and select the **Docker Hub** tab. 1. Select **Models** and select the **Docker Hub** tab.
@ -99,7 +99,7 @@ Use the [`docker model pull` command](/reference/cli/docker/).
## Run a model ## Run a model
{{< tabs group="release" >}} {{< tabs >}}
{{< tab name="From Docker Desktop">}} {{< tab name="From Docker Desktop">}}
Select **Models** and select the **Local** tab and click the play button. Select **Models** and select the **Local** tab and click the play button.
@ -117,7 +117,7 @@ Use the [`docker model run` command](/reference/cli/docker/).
To troubleshoot potential issues, display the logs: To troubleshoot potential issues, display the logs:
{{< tabs group="release" >}} {{< tabs >}}
{{< tab name="From Docker Desktop">}} {{< tab name="From Docker Desktop">}}
Select **Models** and select the **Logs** tab. Select **Models** and select the **Logs** tab.

View File

@ -6,7 +6,6 @@
<div <div
class="tabs"
{{ with $group }} {{ with $group }}
{{ if $persist }} {{ if $persist }}
x-data="{ selected: $persist('{{ $first }}').as('{{ $groupID }}') }" x-data="{ selected: $persist('{{ $first }}').as('{{ $groupID }}') }"
@ -20,10 +19,10 @@
{{ end }} {{ end }}
aria-role="tabpanel" aria-role="tabpanel"
> >
<div aria-role="tablist" class="tablist"> <div aria-role="tablist" class="space-x-2">
{{ range (.Store.Get "tabs") }} {{ range (.Store.Get "tabs") }}
<button <button
class="tab-item" class="p-1"
:class="selected === '{{ .name | urlize }}' && :class="selected === '{{ .name | urlize }}' &&
'border-blue border-b-4 dark:border-b-blue-600'" 'border-blue border-b-4 dark:border-b-blue-600'"
{{ if $group }} {{ if $group }}
@ -37,6 +36,7 @@
</button> </button>
{{ end }} {{ end }}
</div> </div>
<hr class="!mt-0" />
<div> <div>
{{ range (.Store.Get "tabs") }} {{ range (.Store.Get "tabs") }}
<div <div
@ -47,4 +47,5 @@
</div> </div>
{{ end }} {{ end }}
</div> </div>
<hr />
</div> </div>