gitbutlerapp/gitbutler
1
1
Fork 0
mirror of https://github.com/gitbutlerapp/gitbutler.git synced 2024-09-11 12:25:42 +03:00
Code Issues Packages Projects Releases Wiki Activity

pnpm install

Browse Source
This commit is contained in:
Ian Donahue 2023-04-04 11:45:19 +02:00
parent 4a29c592bd
commit b3c76f1785
1 changed files with 23 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
src/routes/projects/[projectId]/commit/+page.svelte
View File

@ -8,7 +8,6 @@
import { error, success } from '$lib/toasts';
import { fade, fly } from 'svelte/transition';
import { IconRotateClockwise } from '$lib/components/icons';
export let data: PageData;
const { statuses, diffs, user, api, projectId } = data;
@ -184,12 +183,16 @@
<div class="commit-description-container relative">
{#if isGeneratingCommitMessage}
<div in:fly="{{ y: 8, duration: 500 }}" out:fly="{{ y: -8, duration: 500 }}" class="generating-commit absolute top-2 left-2 rounded bg-[#583366] border-[0.5px] border-[#52305F] shadow px-3 py-1">
<div
in:fly={{ y: 8, duration: 500 }}
out:fly={{ y: -8, duration: 500 }}
class="generating-commit absolute top-2 left-2 rounded border-[0.5px] border-[#52305F] bg-[#583366] px-3 py-1 shadow"
>
<span>✨ Summarizing changes</span>
<span class="dot-container">
<div class="dot"></div>
<div class="dot"></div>
<div class="dot"></div>
<div class="dot" />
<div class="dot" />
<div class="dot" />
</span>
</div>
{/if}
@ -268,7 +271,6 @@
</div>
</div>
<style>
/**
* ==============================================
@ -276,11 +278,11 @@
* ==============================================
*/
dot-container {
display:flex;
justify-content:center;
display: flex;
justify-content: center;
}
.dot-container{
.dot-container {
padding-left: 4px;
padding-bottom: 3px;
}
@ -294,7 +296,6 @@
bottom: 3px;
}
.dot-container .dot:nth-last-child(1) {
animation: jumpingAnimation 1.2s 0.6s linear infinite;
}
@ -306,18 +307,17 @@
}
@keyframes jumpingAnimation {
0% {
transform: translate(0, 0);
0% {
transform: translate(0, 0);
}
16% {
transform: translate(0, -5px);
}
33% {
transform: translate(0, 0);
}
100% {
transform: translate(0, 0);
}
}
16% {
transform: translate(0, -5px);
}
33% {
transform: translate(0, 0);
}
100% {
transform: translate(0, 0);
}
}
</style>