mirror of
https://gitea.toothfairyai.com/ToothFairyAI/tf_code.git
synced 2026-03-30 13:54:01 +00:00
30 lines
672 B
CSS
30 lines
672 B
CSS
@import "@opencode-ai/ui/styles/tailwind";
|
|
|
|
@layer components {
|
|
[data-component="getting-started"] {
|
|
container-type: inline-size;
|
|
container-name: getting-started;
|
|
}
|
|
|
|
[data-component="getting-started-actions"] {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.75rem; /* gap-3 */
|
|
}
|
|
|
|
[data-component="getting-started-actions"] > [data-component="button"] {
|
|
width: 100%;
|
|
}
|
|
|
|
@container getting-started (min-width: 17rem) {
|
|
[data-component="getting-started-actions"] {
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
|
|
[data-component="getting-started-actions"] > [data-component="button"] {
|
|
width: auto;
|
|
}
|
|
}
|
|
}
|