From 1027bb6565b70c0bb2008f034c01db5605c6d129 Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Thu, 18 Mar 2021 13:58:16 +0300
Subject: feat: make Page actions responsive

---
 src/containers/Page.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

(limited to 'src/containers/Page.tsx')

diff --git a/src/containers/Page.tsx b/src/containers/Page.tsx
index 6282748..c4d4efd 100644
--- a/src/containers/Page.tsx
+++ b/src/containers/Page.tsx
@@ -12,9 +12,11 @@ interface Props {
   className?: string;
 }
 
+const style = 'mb-2 flex justify-between md:flex-row md:items-center';
+
 const Page: React.FC<Props> = ({ title, actions, className, children }) => (
   <Paper className="xl:m-5">
-    <div className="mb-2 flex justify-between items-center">
+    <div className={`${style} ${actions?.length > 1 ? 'flex-col items-start' : 'flex-row items-center'}`}>
       <span className="text-2xl font-bold">{title}</span>
       <div>
         {actions?.map(action => (<Button {...action} key={action.name} size="sm">{action.name}</Button>))}
-- 
cgit v1.2.3

