dave/coolify
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

new magic bar

Browse Source
This commit is contained in:
Andras Bacsai
2023-06-06 00:18:48 +02:00
parent fe189da30f
commit 63a2e69cc6
6 changed files with 270 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
resources/css/app.css
View File

@@ -3,7 +3,7 @@
@tailwind utilities;
.scrollbar {
@apply scrollbar-thumb-coollabs-100 scrollbar-track-coolgray-200 scrollbar-w-1;
@apply scrollbar-thumb-coollabs-100 scrollbar-track-coolgray-200 scrollbar-w-1;
}
html {
@@ -11,10 +11,10 @@ html {
}
body {
@apply scrollbar min-h-screen bg-coolgray-100 text-neutral-400 antialiased ;
@apply scrollbar min-h-screen bg-coolgray-100 text-neutral-400 antialiased;
}
main {
@apply px-32 xl:px-14 mx-auto max-w-screen-xl pt-10;
@apply px-32 xl:px-14 mx-auto max-w-screen-xl;
}
input[type="checkbox"] {
@@ -23,10 +23,14 @@ input[type="checkbox"] {
input {
@apply input input-sm h-7 outline-none placeholder:text-neutral-700 text-white rounded-none;
}
input[type="text"],[type="number"],[type="email"],[type="password"] {
input[type="text"],
[type="number"],
[type="email"],
[type="password"] {
@apply read-only:opacity-40;
}
.label-text, label {
.label-text,
label {
@apply text-neutral-400 text-sm;
}
@@ -104,33 +108,32 @@ a {
@apply bg-coolgray-400 text-white;
}
.lds-heart {
animation: lds-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
animation: lds-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}
@keyframes lds-heart {
0% {
transform: scale(1);
}
5% {
transform: scale(1.2);
}
39% {
transform: scale(0.85);
}
45% {
transform: scale(1);
}
60% {
transform: scale(0.95);
}
100% {
transform: scale(0.9);
}
0% {
transform: scale(1);
}
5% {
transform: scale(1.2);
}
39% {
transform: scale(0.85);
}
45% {
transform: scale(1);
}
60% {
transform: scale(0.95);
}
100% {
transform: scale(0.9);
}
}
.bg-coollabs-gradient {
@apply text-transparent bg-clip-text bg-gradient-to-r from-purple-500 via-pink-500 to-red-500;
@apply text-transparent bg-clip-text bg-gradient-to-r from-purple-500 via-pink-500 to-red-500;
}
.text-helper {
@apply inline-block font-bold text-warning
}
@apply inline-block font-bold text-warning;
}