style: make selects responsive

This commit is contained in:
190km
2024-12-13 20:29:26 +01:00
parent c71d12fd06
commit 7726fa6112

View File

@@ -200,7 +200,7 @@ export const DockerLogsId: React.FC<Props> = ({ containerId, serverId }) => {
/>
<Select value={since} onValueChange={handleSince}>
<SelectTrigger className="w-[180px] h-9">
<SelectTrigger className="w-full sm:w-auto h-9">
<SelectValue placeholder="Time filter" />
</SelectTrigger>
<SelectContent>
@@ -214,7 +214,7 @@ export const DockerLogsId: React.FC<Props> = ({ containerId, serverId }) => {
</Select>
<Select value={typeFilter} onValueChange={handleTypeFilter}>
<SelectTrigger className="w-[180px] h-9">
<SelectTrigger className="w-full sm:w-auto h-9">
<SelectValue placeholder="Type filter" />
</SelectTrigger>
<SelectContent>
@@ -227,7 +227,7 @@ export const DockerLogsId: React.FC<Props> = ({ containerId, serverId }) => {
<SelectItem value="warning">
<Badge variant="orange">Warning</Badge>
</SelectItem>
<SelectItem value="debug">
<SelectItem value="debug">
<Badge variant="yellow">Debug</Badge>
</SelectItem>
<SelectItem value="success">