mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Small style fixes for calls tab

Browse source
This commit is contained in:
Fedor Indutny 2024-08-14 10:10:22 -07:00 committed by GitHub
parent d70aa55a78
commit 3e007852d5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
images/icons/v3/phone/phone-display-bold.svg Normal file
View file

@ -0,0 +1 @@
<svg width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.56 5.08a4.54 4.54 0 0 1 6.825.463L17.9 10.17a4.54 4.54 0 0 1-.404 5.958l-2.527 2.526c.05.172.155.427.341.762.456.82 1.264 1.877 2.33 2.943s2.123 1.874 2.943 2.33c.335.186.59.29.762.34l2.526-2.526a4.54 4.54 0 0 1 5.958-.404l4.627 3.516a4.54 4.54 0 0 1 .463 6.825l-.706.707c-2.51 2.51-6.242 3.874-9.82 2.648A32.381 32.381 0 0 1 11.97 28.03a32.382 32.382 0 0 1-7.765-12.423c-1.226-3.579.138-7.31 2.648-9.82l.707-.707Zm4.834 1.976a2.04 2.04 0 0 0-3.067-.208l-.706.706c-2.008 2.008-2.896 4.776-2.05 7.242a29.882 29.882 0 0 0 7.167 11.466 29.881 29.881 0 0 0 11.466 7.168c2.466.845 5.234-.043 7.242-2.051l.706-.706a2.04 2.04 0 0 0-.208-3.067l-4.627-3.517a2.04 2.04 0 0 0-2.677.182l-2.764 2.764c-.61.61-1.419.568-1.895.476-.527-.102-1.082-.343-1.611-.637-1.075-.597-2.314-1.565-3.497-2.747-1.182-1.183-2.15-2.422-2.747-3.497-.294-.53-.535-1.084-.637-1.611-.093-.476-.133-1.286.476-1.895l2.764-2.764a2.04 2.04 0 0 0 .182-2.677l-3.517-4.627Z" fill="#000"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

11
stylesheets/components/CallsTab.scss
View file

@ -45,6 +45,7 @@
justify-content: center;
flex-direction: column;
padding-block: 78px 28px;
user-select: none;
}
.CallsTab__EmptyStateIcon {
@ -52,10 +53,16 @@
height: 40px;
opacity: 0.7;
@include light-theme {
@include color-svg('../images/icons/v3/phone/phone.svg', $color-gray-60);
@include color-svg(
'../images/icons/v3/phone/phone-display-bold.svg',
$color-gray-60
);
}
@include dark-theme {
@include color-svg('../images/icons/v3/phone/phone.svg', $color-gray-25);
@include color-svg(
'../images/icons/v3/phone/phone-display-bold.svg',
$color-gray-25
);
}
}