YunoHost/yunohost-admin
1
0
Fork 0
mirror of https://github.com/YunoHost/yunohost-admin.git synced 2024-09-03 20:06:15 +02:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #480 from YunoHost/fix-pacman

Browse source 
add dark-mode pacman version
This commit is contained in:
Alexandre Aubin 2022-10-27 16:27:33 +02:00 • committed by GitHub
commit 99daaa08d5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

0
app/src/assets/spinners/pacman.gif → app/src/assets/spinners/pacman_dark.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
app/src/assets/spinners/pacman_light.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.8 KiB

6
app/src/components/globals/Spinner.vue
View file

@ -23,9 +23,13 @@ export default {
&.pacman { &.pacman {
height: 24px; height: 24px;
width: 24px; width: 24px;
background-image: url('../../assets/spinners/pacman.gif'); background-image: url('../../assets/spinners/pacman_dark.gif');
animation-name: back-and-forth-pacman; animation-name: back-and-forth-pacman;
[dark-theme="true"] & {
background-image: url('../../assets/spinners/pacman_light.gif');
}
@keyframes back-and-forth-pacman { @keyframes back-and-forth-pacman {
0%, 100% { transform: scale(1); margin-left: 0; } 0%, 100% { transform: scale(1); margin-left: 0; }
49% { transform: scale(1); margin-left: calc(100% - 24px);} 49% { transform: scale(1); margin-left: calc(100% - 24px);}