Small ui fixes
This commit is contained in:
@ -25,7 +25,7 @@ const {
|
|||||||
items && (
|
items && (
|
||||||
<div
|
<div
|
||||||
class={twMerge(
|
class={twMerge(
|
||||||
`grid mx-auto gap-8 gap-y-12 ${
|
`grid mx-auto gap-8 md:gap-y-12 ${
|
||||||
columns === 4
|
columns === 4
|
||||||
? "lg:grid-cols-4 md:grid-cols-3 sm:grid-cols-2"
|
? "lg:grid-cols-4 md:grid-cols-3 sm:grid-cols-2"
|
||||||
: columns === 3
|
: columns === 3
|
||||||
|
@ -23,7 +23,7 @@ const {
|
|||||||
{
|
{
|
||||||
stats &&
|
stats &&
|
||||||
stats.map(({ amount, title, icon }) => (
|
stats.map(({ amount, title, icon }) => (
|
||||||
<div class="p-4 md:w-1/4 sm:w-1/2 w-full min-w-[220px] mb-12 text-center md:mb-0 md:border-r md:last:border-none dark:md:border-slate-500">
|
<div class="p-4 md:w-1/4 sm:w-1/2 w-full min-w-[220px] text-center md:border-r md:last:border-none dark:md:border-slate-500">
|
||||||
{icon && (
|
{icon && (
|
||||||
<div class="flex items-center justify-center mx-auto mb-4 text-primary">
|
<div class="flex items-center justify-center mx-auto mb-4 text-primary">
|
||||||
<Icon name={icon} class="w-10 h-10" />
|
<Icon name={icon} class="w-10 h-10" />
|
||||||
|
Reference in New Issue
Block a user