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