Skip to content

Commit 6d3c664

Browse files
committed
refactor: ♻️ style the iframe
1 parent 73d433f commit 6d3c664

File tree

1 file changed

+4
-11
lines changed

1 file changed

+4
-11
lines changed

packages/sveltekit-embed/src/lib/components/tweet.svelte

Lines changed: 4 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -45,23 +45,16 @@
4545
</div>
4646

4747
<style>
48-
:root {
49-
--twitter-embed-bg-light: #ffffff;
50-
--twitter-embed-bg-dark: #151d26;
51-
}
52-
5348
.tweet-wrapper {
5449
display: flex;
5550
justify-content: center;
5651
margin-bottom: 12px;
52+
border-radius: 13px;
53+
overflow: hidden;
5754
}
5855
59-
.tweet-wrapper[data-theme='light'][data-loaded='true'] {
60-
background-color: var(--twitter-embed-bg-light);
61-
}
62-
63-
.tweet-wrapper[data-theme='dark'][data-loaded='true'] {
64-
background-color: var(--twitter-embed-bg-dark);
56+
.tweet-wrapper :global(iframe) {
57+
border-radius: 13px !important;
6558
}
6659
6760
.twitter-tweet {

0 commit comments

Comments
 (0)