SebinNyshkim/character-ref
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: 💄 border-radius affects svg icon

Browse source
This commit is contained in:
Sebin Nyshkim 2025-06-26 20:15:14 +02:00
parent dc62b893b5
commit 54882773a2
1 changed files with 2 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/timeline.webc
View file

@ -1,6 +1,6 @@
<ul webc:root="override"> <ul webc:root="override">
<li class="job" webc:for="job of jobs"> <li class="job" webc:for="job of jobs">
<icon class="icon" :icon="job.icon"></icon> <div class="icon"><icon :@icon="job.icon"></icon></div>
<p class="title" @text="job.title"></p> <p class="title" @text="job.title"></p>
<p class="text" @text="job.desc"></p> <p class="text" @text="job.desc"></p>
</li> </li>
@ -19,7 +19,6 @@
@media (min-width: 32em) { @media (min-width: 32em) {
--timeline-circle-size: 4rem; --timeline-circle-size: 4rem;
} }
} }
:host .job { :host .job {
@ -28,7 +27,6 @@
'icon title' 'icon title'
'line text'; 'line text';
column-gap: 1em; column-gap: 1em;
} }
:host .job::before { :host .job::before {
@ -55,7 +53,7 @@
height: 50%; height: 50%;
} }
:host .icon { :host .job > .icon {
grid-area: icon; grid-area: icon;
align-self: center; align-self: center;