fix(app): set provider row height to 56px
This commit is contained in:
@@ -84,7 +84,7 @@ export const SettingsProviders: Component = () => {
|
|||||||
>
|
>
|
||||||
<For each={connected()}>
|
<For each={connected()}>
|
||||||
{(item) => (
|
{(item) => (
|
||||||
<div class="flex items-center justify-between gap-4 py-3 border-b border-border-weak-base last:border-none">
|
<div class="flex items-center justify-between gap-4 h-14 border-b border-border-weak-base last:border-none">
|
||||||
<div class="flex items-center gap-3 min-w-0">
|
<div class="flex items-center gap-3 min-w-0">
|
||||||
<ProviderIcon id={item.id as IconName} class="size-5 shrink-0 icon-strong-base" />
|
<ProviderIcon id={item.id as IconName} class="size-5 shrink-0 icon-strong-base" />
|
||||||
<span class="text-14-regular text-text-strong truncate">{item.name}</span>
|
<span class="text-14-regular text-text-strong truncate">{item.name}</span>
|
||||||
@@ -107,7 +107,7 @@ export const SettingsProviders: Component = () => {
|
|||||||
<div class="bg-surface-raised-base px-4 rounded-lg">
|
<div class="bg-surface-raised-base px-4 rounded-lg">
|
||||||
<For each={popular()}>
|
<For each={popular()}>
|
||||||
{(item) => (
|
{(item) => (
|
||||||
<div class="flex items-center justify-between gap-4 py-3 border-b border-border-weak-base last:border-none">
|
<div class="flex items-center justify-between gap-4 h-14 border-b border-border-weak-base last:border-none">
|
||||||
<div class="flex items-center gap-x-3 min-w-0">
|
<div class="flex items-center gap-x-3 min-w-0">
|
||||||
<ProviderIcon id={item.id as IconName} class="size-5 shrink-0 icon-strong-base" />
|
<ProviderIcon id={item.id as IconName} class="size-5 shrink-0 icon-strong-base" />
|
||||||
<span class="text-14-regular text-text-strong">{item.name}</span>
|
<span class="text-14-regular text-text-strong">{item.name}</span>
|
||||||
|
|||||||
Reference in New Issue
Block a user