fix(ui): adjust user list buttons on mobile (#1452)

This commit is contained in:
TheCatLady
2021-04-18 04:41:02 -04:00
committed by GitHub
parent 4449241a8f
commit 5d1b741f55

View File

@@ -436,9 +436,9 @@ const UserList: React.FC = () => {
<div className="flex flex-col justify-between lg:items-end lg:flex-row"> <div className="flex flex-col justify-between lg:items-end lg:flex-row">
<Header>{intl.formatMessage(messages.userlist)}</Header> <Header>{intl.formatMessage(messages.userlist)}</Header>
<div className="flex flex-col flex-grow mt-2 lg:flex-row lg:flex-grow-0"> <div className="flex flex-col flex-grow mt-2 lg:flex-row lg:flex-grow-0">
<div className="flex flex-row justify-between flex-grow mb-2 lg:mb-0 lg:flex-grow-0"> <div className="flex flex-col justify-between flex-grow mb-2 sm:flex-row lg:mb-0 lg:flex-grow-0">
<Button <Button
className="flex-grow mr-2 outline" className="flex-grow mb-2 sm:mb-0 sm:mr-2 outline"
buttonType="primary" buttonType="primary"
onClick={() => setCreateModal({ isOpen: true })} onClick={() => setCreateModal({ isOpen: true })}
> >