From b69d508cad9b359a084208b82744665a97c7ed94 Mon Sep 17 00:00:00 2001 From: Mees van Dongen Date: Tue, 21 Mar 2023 20:46:56 +0100 Subject: [PATCH 1/2] fix: group list styling --- src/lib/theme/default.ts | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/lib/theme/default.ts b/src/lib/theme/default.ts index 875971429..ab5f02cc1 100644 --- a/src/lib/theme/default.ts +++ b/src/lib/theme/default.ts @@ -491,12 +491,12 @@ const theme: FlowbiteTheme = { }, listGroup: { root: { - base: 'list-none rounded-lg border border-gray-200 bg-white text-sm font-medium text-gray-900 dark:border-gray-600 dark:bg-gray-700 dark:text-white', + base: 'list-none rounded-lg border border-gray-200 bg-white text-sm font-medium text-gray-900 dark:border-gray-600 dark:bg-gray-700 dark:text-white text-left', }, item: { - base: 'flex w-full cursor-pointer border-b border-gray-200 py-2 px-4 first:rounded-t-lg last:rounded-b-lg last:border-b-0 dark:border-gray-600', + base: '[&>*]:first:rounded-t-lg [&>*]:last:rounded-b-lg', link: { - base: '', + base: 'flex w-full border-b border-gray-200 py-2 px-4 last:border-b-0 dark:border-gray-600', active: { off: 'hover:bg-gray-100 hover:text-blue-700 focus:text-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-700 dark:border-gray-600 dark:hover:bg-gray-600 dark:hover:text-white dark:focus:text-white dark:focus:ring-gray-500', on: 'bg-blue-700 text-white dark:bg-gray-800', From ac0ad9be42b70631d38c527ecf50d56a4696c11e Mon Sep 17 00:00:00 2001 From: Mees van Dongen Date: Thu, 6 Apr 2023 15:01:02 +0200 Subject: [PATCH 2/2] fix: borders between list group items --- src/lib/theme/default.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/lib/theme/default.ts b/src/lib/theme/default.ts index ab5f02cc1..c78f7cb0b 100644 --- a/src/lib/theme/default.ts +++ b/src/lib/theme/default.ts @@ -494,9 +494,9 @@ const theme: FlowbiteTheme = { base: 'list-none rounded-lg border border-gray-200 bg-white text-sm font-medium text-gray-900 dark:border-gray-600 dark:bg-gray-700 dark:text-white text-left', }, item: { - base: '[&>*]:first:rounded-t-lg [&>*]:last:rounded-b-lg', + base: '[&>*]:first:rounded-t-lg [&>*]:last:rounded-b-lg [&>*]:last:border-b-0', link: { - base: 'flex w-full border-b border-gray-200 py-2 px-4 last:border-b-0 dark:border-gray-600', + base: 'flex w-full border-b border-gray-200 py-2 px-4 dark:border-gray-600', active: { off: 'hover:bg-gray-100 hover:text-blue-700 focus:text-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-700 dark:border-gray-600 dark:hover:bg-gray-600 dark:hover:text-white dark:focus:text-white dark:focus:ring-gray-500', on: 'bg-blue-700 text-white dark:bg-gray-800',