taler-typescript-core

commit 5d813d358e1a61e1b7f3827326b7fc3a4804710b
parent 56b940d74b684edf2871e71bca09df327cd9f6a4
Author: Florian Dold <dold@taler.net>
Date:   Thu,  5 Nov 2026 09:18:06 +0100

merchant web UI: keep table backgrounds within rounded borders

Diffstat:
M
packages/taler-merchant-webui/src/screens/AccessScreen.tsx
 | 
2
+-
M
packages/taler-merchant-webui/src/screens/DevicesScreen.tsx
 | 
2
+-
M
packages/taler-merchant-webui/src/screens/InventoryScreen.tsx
 | 
2
+-
M
packages/taler-merchant-webui/src/screens/OrderListScreen.tsx
 | 
2
+-
M
packages/taler-merchant-webui/src/screens/PaymentServicesScreen.tsx
 | 
2
+-
M
packages/taler-merchant-webui/src/screens/ReportsScreen.tsx
 | 
2
+-
M
packages/taler-merchant-webui/src/screens/SubscriptionsScreen.tsx
 | 
2
+-
M
packages/taler-merchant-webui/src/screens/TemplatesScreen.tsx
 | 
2
+-
M
packages/taler-merchant-webui/src/screens/WebhooksScreen.tsx
 | 
2
+-

9 files changed, 9 insertions(+), 9 deletions(-)
diff --git a/packages/taler-merchant-webui/src/screens/AccessScreen.tsx b/packages/taler-merchant-webui/src/screens/AccessScreen.tsx
@@ -361,7 +361,7 @@ export function AccessScreen({
             ))}
           </div>
 
-          <div class="hidden bg-white shadow rounded-lg border border-gray-200 md:block">
+          <div class="hidden bg-white shadow rounded-lg overflow-x-auto border border-gray-200 md:block">
             <table class="min-w-full divide-y divide-gray-200 text-sm">
               <thead class="bg-gray-50 text-gray-500 font-semibold">
                 <tr>
diff --git a/packages/taler-merchant-webui/src/screens/DevicesScreen.tsx b/packages/taler-merchant-webui/src/screens/DevicesScreen.tsx
@@ -269,7 +269,7 @@ export function DevicesScreen({
             )}
           </div>
 
-          <div class="hidden bg-white shadow-xs rounded-xl border border-gray-200 md:block">
+          <div class="hidden bg-white shadow-xs rounded-xl overflow-x-auto border border-gray-200 md:block">
             <table class="min-w-full divide-y divide-gray-200 text-sm">
               <thead class="bg-gray-50 text-gray-500 font-semibold">
                 <tr>
diff --git a/packages/taler-merchant-webui/src/screens/InventoryScreen.tsx b/packages/taler-merchant-webui/src/screens/InventoryScreen.tsx
@@ -446,7 +446,7 @@ export function InventoryScreen({
               )}
             </div>
 
-            <div class="hidden bg-white shadow-xs rounded-lg border border-gray-200 md:block">
+            <div class="hidden bg-white shadow-xs rounded-lg overflow-x-auto border border-gray-200 md:block">
               <table class="min-w-full divide-y divide-gray-200 text-sm">
                 <thead class="bg-gray-50 text-gray-500 font-semibold">
                   <tr>
diff --git a/packages/taler-merchant-webui/src/screens/OrderListScreen.tsx b/packages/taler-merchant-webui/src/screens/OrderListScreen.tsx
@@ -478,7 +478,7 @@ export function OrderListScreen({
       </div>
 
       {/* Orders Table */}
-      <div class="hidden bg-white shadow rounded-lg border border-gray-200 md:block">
+      <div class="hidden bg-white shadow rounded-lg overflow-x-auto border border-gray-200 md:block">
         <table class="min-w-full divide-y divide-gray-200 text-sm">
           <thead class="bg-gray-50 text-gray-500 font-semibold text-xs">
             <tr>
diff --git a/packages/taler-merchant-webui/src/screens/PaymentServicesScreen.tsx b/packages/taler-merchant-webui/src/screens/PaymentServicesScreen.tsx
@@ -260,7 +260,7 @@ export function PaymentServicesScreen({
                 </article>
               ))}
             </div>
-            <div class="hidden rounded-lg border border-gray-200 md:block">
+            <div class="hidden rounded-lg overflow-x-auto border border-gray-200 md:block">
               <table class="min-w-full divide-y divide-gray-200 text-sm">
                 <thead class="bg-gray-50 font-semibold text-gray-500">
                   <tr>
diff --git a/packages/taler-merchant-webui/src/screens/ReportsScreen.tsx b/packages/taler-merchant-webui/src/screens/ReportsScreen.tsx
@@ -579,7 +579,7 @@ export function ReportsScreen({
                   </article>
                 ))}
               </div>
-              <div class="hidden bg-white shadow-xs rounded-lg border border-gray-200 md:block">
+              <div class="hidden bg-white shadow-xs rounded-lg overflow-x-auto border border-gray-200 md:block">
                 <table class="min-w-full divide-y divide-gray-200 text-sm">
                   <thead class="bg-gray-50 text-gray-500 font-semibold">
                     <tr>
diff --git a/packages/taler-merchant-webui/src/screens/SubscriptionsScreen.tsx b/packages/taler-merchant-webui/src/screens/SubscriptionsScreen.tsx
@@ -249,7 +249,7 @@ export function SubscriptionsScreen({
             )}
           </div>
 
-          <div class="hidden bg-white shadow-xs rounded-lg border border-gray-200 md:block">
+          <div class="hidden bg-white shadow-xs rounded-lg overflow-x-auto border border-gray-200 md:block">
             <table class="min-w-full divide-y divide-gray-200 text-sm">
               <thead class="bg-gray-50 text-gray-500 font-semibold">
                 <tr>
diff --git a/packages/taler-merchant-webui/src/screens/TemplatesScreen.tsx b/packages/taler-merchant-webui/src/screens/TemplatesScreen.tsx
@@ -218,7 +218,7 @@ export function TemplatesScreen({
           </div>
 
           {/* Template Table */}
-          <div class="hidden bg-white shadow-xs rounded-lg border border-gray-200 md:block">
+          <div class="hidden bg-white shadow-xs rounded-lg overflow-x-auto border border-gray-200 md:block">
             <table class="min-w-full divide-y divide-gray-200 text-sm">
               <thead class="bg-gray-50 text-gray-500 font-semibold">
                 <tr>
diff --git a/packages/taler-merchant-webui/src/screens/WebhooksScreen.tsx b/packages/taler-merchant-webui/src/screens/WebhooksScreen.tsx
@@ -179,7 +179,7 @@ export function WebhooksScreen({
             )}
           </div>
 
-          <div class="hidden bg-white shadow rounded-lg border border-gray-200 md:block">
+          <div class="hidden bg-white shadow rounded-lg overflow-x-auto border border-gray-200 md:block">
             <table class="min-w-full divide-y divide-gray-200 text-sm">
               <thead class="bg-gray-50 text-gray-500 font-semibold">
                 <tr>