livebook-dev/livebook
1
1
Fork 0
mirror of https://github.com/livebook-dev/livebook.git synced 2025-09-04 12:04:20 +08:00
Code Issues Projects Releases Packages Wiki Activity

Fix missing box borders in app outputs

Browse source
This commit is contained in:
Jonatan Kłosko 2025-04-26 11:55:53 +09:00
parent 98af3c456b
commit eae934c225
1 changed files with 46 additions and 44 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

90
assets/css/js_interop.css
View file

@ -184,50 +184,6 @@ server in solely client-side operations.
}
}
/* Outputs */
[data-el-cell][data-js-amplified] {
[data-el-amplify-outputs-button] > button {
@apply bg-gray-100 text-gray-900;
}
[data-el-outputs-container] {
@apply bg-white m-0 py-16;
width: 90vw;
position: relative;
left: calc(-45vw + 50%);
}
}
[data-el-output][data-border] {
@apply p-4 border border-t-0 border-gray-200 divide-y divide-gray-200;
}
[data-el-output][data-border]:first-child {
@apply rounded-t-lg border-t;
}
[data-el-output]:not([data-border]) + [data-el-output][data-border] {
@apply border-t;
}
[data-el-output][data-border]:last-child {
@apply rounded-b-lg border-b;
}
[data-el-output]:not(:first-child) {
@apply mt-2;
}
[data-el-output][data-border] + [data-el-output][data-border] {
@apply mt-0;
}
[data-el-outputs-container] > [data-el-output]:first-child {
@apply mt-2;
}
/* Side panel */
&:not([data-js-side-panel-content]) [data-el-side-panel] {
@ -369,3 +325,49 @@ server in solely client-side operations.
}
}
}
[data-el-notebook] {
/* Outputs (both session and app) */
[data-el-cell][data-js-amplified] {
[data-el-amplify-outputs-button] > button {
@apply bg-gray-100 text-gray-900;
}
[data-el-outputs-container] {
@apply bg-white m-0 py-16;
width: 90vw;
position: relative;
left: calc(-45vw + 50%);
}
}
[data-el-output][data-border] {
@apply p-4 border border-t-0 border-gray-200 divide-y divide-gray-200;
}
[data-el-output][data-border]:first-child {
@apply rounded-t-lg border-t;
}
[data-el-output]:not([data-border]) + [data-el-output][data-border] {
@apply border-t;
}
[data-el-output][data-border]:last-child {
@apply rounded-b-lg border-b;
}
[data-el-output]:not(:first-child) {
@apply mt-2;
}
[data-el-output][data-border] + [data-el-output][data-border] {
@apply mt-0;
}
[data-el-outputs-container] > [data-el-output]:first-child {
@apply mt-2;
}
}