mirror of
https://github.com/zen-browser/www.git
synced 2025-07-07 17:05:32 +02:00
fix(mods): fix layout broken in mobile view
This commit is contained in:
parent
9a433e9e76
commit
dbaa11934c
1 changed files with 5 additions and 5 deletions
|
@ -142,7 +142,7 @@ export default function ModsList({ mods }: ModsListProps) {
|
|||
/>
|
||||
</div>
|
||||
|
||||
<div className="flex flex-row items-center gap-4">
|
||||
<div className="grid w-full grid-cols-2 place-items-center gap-4 sm:grid-cols-3">
|
||||
<div className="flex flex-col items-start gap-2">
|
||||
<button
|
||||
type="button"
|
||||
|
@ -173,15 +173,15 @@ export default function ModsList({ mods }: ModsListProps) {
|
|||
</button>
|
||||
</div>
|
||||
|
||||
<div className="ml-auto flex items-center gap-2">
|
||||
<label htmlFor="limit" className="text-sm font-semibold">
|
||||
Items per page:
|
||||
<div className="flex items-center gap-2 px-4 py-2">
|
||||
<label htmlFor="limit" className="text-md font-semibold">
|
||||
Per page:
|
||||
</label>
|
||||
<select
|
||||
id="limit"
|
||||
value={limit}
|
||||
onChange={handleLimitChange}
|
||||
className="rounded border border-dark bg-transparent px-2 py-1 text-sm"
|
||||
className="rounded border border-dark bg-transparent px-2 py-1 text-sm [&>option]:text-black"
|
||||
>
|
||||
<option value="12">12</option>
|
||||
<option value="24">24</option>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue