Chneemann/join
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change img

Browse source
This commit is contained in:
Chneemann 2024-04-25 23:48:01 +02:00
parent 4c3d037152
commit b3c45bfa8c
3 changed files with 14 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/app/components/board/board.component.html
View file

@ -45,7 +45,7 @@
> >
<div class="headline"> <div class="headline">
<span>To do</span <span>To do</span
><img src="./../../../assets/img/add.svg" alt="add" /> ><img src="./../../../assets/img/board/plus.svg" alt="add" />
</div> </div>
<div id="todo" class="details"> <div id="todo" class="details">
@for(task of getTaskStatus("todo"); track task) { @for(task of getTaskStatus("todo"); track task) {
@ -62,7 +62,7 @@
> >
<div class="headline"> <div class="headline">
<span>In progress</span <span>In progress</span
><img src="./../../../assets/img/add.svg" alt="add" /> ><img src="./../../../assets/img/board/plus.svg" alt="add" />
</div> </div>
<div id="inprogress" class="details"> <div id="inprogress" class="details">
@for(task of getTaskStatus("inprogress"); track task) { @for(task of getTaskStatus("inprogress"); track task) {
@ -79,7 +79,7 @@
> >
<div class="headline"> <div class="headline">
<span>Await feedback</span <span>Await feedback</span
><img src="./../../../assets/img/add.svg" alt="add" /> ><img src="./../../../assets/img/board/plus.svg" alt="add" />
</div> </div>
<div id="awaitfeedback" class="details"> <div id="awaitfeedback" class="details">
@for(task of getTaskStatus("awaitfeedback"); track task) { @for(task of getTaskStatus("awaitfeedback"); track task) {
@ -95,7 +95,8 @@
(drop)="dragDropService.drop($event, 'done')" (drop)="dragDropService.drop($event, 'done')"
> >
<div class="headline"> <div class="headline">
<span>Done</span><img src="./../../../assets/img/add.svg" alt="add" /> <span>Done</span
><img src="./../../../assets/img/board/plus.svg" alt="add" />
</div> </div>
<div id="done" class="details"> <div id="done" class="details">
@for(task of getTaskStatus("done"); track task) { @for(task of getTaskStatus("done"); track task) {

7
src/app/components/board/board.component.scss
View file

@ -122,11 +122,12 @@ d-none {
font-weight: 700; font-weight: 700;
} }
img { img {
border-radius: 8px; width: 24px;
border: 2px solid var(--dark-blue); height: 24px;
cursor: pointer; cursor: pointer;
&:hover { &:hover {
filter: invert(60%) sepia(58%) saturate(1629%) hue-rotate(165deg); filter: brightness(0) saturate(100%) invert(56%) sepia(64%) saturate(570%)
hue-rotate(154deg) brightness(92%) contrast(92%);
} }
} }
} }

5
src/assets/img/board/plus.svg Normal file
View file

@ -0,0 +1,5 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="1" y="1" width="22" height="22" rx="7" stroke="#2A3647" stroke-width="2"/>
<path d="M12 8V16" stroke="#2A3647" stroke-width="2" stroke-linecap="round"/>
<path d="M16 12.0754L8 12.0754" stroke="#2A3647" stroke-width="2" stroke-linecap="round"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 356 B