User flow improvements for the theme introduction panel

This commit is contained in:
Pieter Vander Vennet 2023-01-03 02:24:03 +01:00
parent b4f739e506
commit 98866b4a57
10 changed files with 156 additions and 62 deletions

View file

@ -624,6 +624,10 @@ video {
position: relative;
}
.\!relative {
position: relative !important;
}
.sticky {
position: -webkit-sticky;
position: sticky;
@ -807,18 +811,22 @@ video {
margin-top: 0.25rem;
}
.mt-4 {
margin-top: 1rem;
}
.ml-3 {
margin-left: 0.75rem;
}
.mr-2 {
margin-right: 0.5rem;
}
.mr-4 {
margin-right: 1rem;
}
.mr-6 {
margin-right: 1.5rem;
}
.mt-4 {
margin-top: 1rem;
}
.ml-4 {
margin-left: 1rem;
}
@ -827,10 +835,6 @@ video {
margin-bottom: 6rem;
}
.mr-4 {
margin-right: 1rem;
}
.mb-2 {
margin-bottom: 0.5rem;
}
@ -839,6 +843,10 @@ video {
margin-left: 0.5rem;
}
.ml-3 {
margin-left: 0.75rem;
}
.ml-12 {
margin-left: 3rem;
}
@ -960,6 +968,18 @@ video {
height: 16rem;
}
.h-8 {
height: 2rem;
}
.h-16 {
height: 4rem;
}
.h-32 {
height: 8rem;
}
.h-10 {
height: 2.5rem;
}
@ -988,22 +1008,10 @@ video {
height: 1.5rem;
}
.h-8 {
height: 2rem;
}
.h-32 {
height: 8rem;
}
.h-96 {
height: 24rem;
}
.h-16 {
height: 4rem;
}
.h-0 {
height: 0px;
}
@ -1048,6 +1056,18 @@ video {
width: 1.5rem;
}
.w-8 {
width: 2rem;
}
.w-16 {
width: 4rem;
}
.w-32 {
width: 8rem;
}
.w-10 {
width: 2.5rem;
}
@ -1072,10 +1092,6 @@ video {
width: 2.75rem;
}
.w-8 {
width: 2rem;
}
.w-min {
width: -webkit-min-content;
width: min-content;
@ -1090,14 +1106,6 @@ video {
width: 24rem;
}
.w-32 {
width: 8rem;
}
.w-16 {
width: 4rem;
}
.w-auto {
width: auto;
}
@ -1374,6 +1382,10 @@ video {
border-bottom-width: 1px;
}
.border-dotted {
border-style: dotted;
}
.border-black {
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
@ -2738,6 +2750,10 @@ input {
border-radius: 0.75rem;
}
.md\:border-t-2 {
border-top-width: 2px;
}
.md\:p-1 {
padding: 0.25rem;
}