1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 |
- /* Make clicks pass-through */
- #nprogress {
- @apply pointer-events-none;
- }
- #nprogress .bar {
- @apply bg-primary fixed left-0 top-0 z-[1031] h-[2px] w-full;
- }
- /* Fancy blur effect */
- #nprogress .peg {
- @apply absolute right-0 block h-full w-[100px];
- box-shadow:
- 0 0 10px hsl(var(--primary)),
- 0 0 5px hsl(var(--primary));
- opacity: 1;
- transform: rotate(3deg) translate(0, -4px);
- }
- /* Remove these to get rid of the spinner */
- #nprogress .spinner {
- @apply fixed right-4 top-4 z-[1031] block;
- }
- #nprogress .spinner-icon {
- @apply border-t-primary border-l-primary size-4 rounded-full border-[2px] border-solid border-transparent;
- animation: nprogress-spinner 400ms linear infinite;
- }
- .nprogress-custom-parent {
- @apply relative overflow-hidden;
- }
- .nprogress-custom-parent #nprogress .spinner,
- .nprogress-custom-parent #nprogress .bar {
- @apply absolute;
- }
- @keyframes nprogress-spinner {
- 0% {
- transform: rotate(0deg);
- }
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes nprogress-spinner {
- 0% {
- transform: rotate(0deg);
- }
- 100% {
- transform: rotate(360deg);
- }
- }
|