diff options
| author | Jay V <[email protected]> | 2025-07-15 17:39:37 -0400 |
|---|---|---|
| committer | Jay V <[email protected]> | 2025-07-15 17:47:22 -0400 |
| commit | 8a3e581edc1aa04060b03abdfa139763a4d8d827 (patch) | |
| tree | ba3e18b12a89b2e197942f388bf72c9cee365773 /packages/web/src/components/share/content-diff.module.css | |
| parent | 749e7838a444d6f2f846bd7e6e008edae25b0c69 (diff) | |
| download | opencode-8a3e581edc1aa04060b03abdfa139763a4d8d827.tar.gz opencode-8a3e581edc1aa04060b03abdfa139763a4d8d827.zip | |
docs: share fix diff bugs
Diffstat (limited to 'packages/web/src/components/share/content-diff.module.css')
| -rw-r--r-- | packages/web/src/components/share/content-diff.module.css | 60 |
1 files changed, 22 insertions, 38 deletions
diff --git a/packages/web/src/components/share/content-diff.module.css b/packages/web/src/components/share/content-diff.module.css index 18854a889..5bf6e2243 100644 --- a/packages/web/src/components/share/content-diff.module.css +++ b/packages/web/src/components/share/content-diff.module.css @@ -23,6 +23,20 @@ grid-template-columns: 1fr 1fr; align-items: stretch; + &:first-child { + [data-slot="before"], + [data-slot="after"] { + padding-top: 0.25rem; + } + } + + &:last-child { + [data-slot="before"], + [data-slot="after"] { + padding-bottom: 0.25rem; + } + } + [data-slot="before"], [data-slot="after"] { position: relative; @@ -75,46 +89,16 @@ } } - /* .diff > .row:first-child [data-section="cell"]:first-child { */ - /* padding-top: 0.5rem; */ - /* } */ - /**/ - /* .diff > .row:last-child [data-section="cell"]:last-child { */ - /* padding-bottom: 0.5rem; */ - /* } */ - /**/ - /* [data-section="cell"] { */ - /* position: relative; */ - /* flex: 1; */ - /* display: flex; */ - /* flex-direction: column; */ - /**/ - /* width: 100%; */ - /* padding: 0.1875rem 0.5rem 0.1875rem 2.2ch; */ - /* margin: 0; */ - /**/ - /* &[data-display-mobile="true"] { */ - /* display: none; */ - /* } */ - /**/ - /* pre { */ - /* --shiki-dark-bg: var(--sl-color-bg-surface) !important; */ - /* background-color: var(--sl-color-bg-surface) !important; */ - /**/ - /* white-space: pre-wrap; */ - /* word-break: break-word; */ - /**/ - /* code > span:empty::before { */ - /* content: "\00a0"; */ - /* white-space: pre; */ - /* display: inline-block; */ - /* width: 0; */ - /* } */ - /* } */ - /* } */ - [data-component="mobile"] { + & > [data-component="diff-block"]:first-child > div { + padding-top: 0.25rem; + } + + & > [data-component="diff-block"]:last-child > div { + padding-bottom: 0.25rem; + } + & > [data-component="diff-block"] > div { padding: 0 1rem 0 2.2ch; |