Dokploy/dokploy
1
0
Fork 0
mirror of https://github.com/Dokploy/dokploy synced 2025-06-26 18:27:59 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

style: fix text light theme

Browse Source
This commit is contained in:
190km
2024-12-14 18:23:00 +01:00
parent 0644842305 115ed7e7bf
commit 995d9004f3
1 changed files with 289 additions and 289 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
apps/dokploy/components/dashboard/docker/logs/docker-logs-id.tsx
View File

@@ -38,6 +38,7 @@ export const DockerLogsId: React.FC<Props> = ({ containerId, serverId }) => {
const [autoScroll, setAutoScroll] = React.useState(true); const [autoScroll, setAutoScroll] = React.useState(true);
const [lines, setLines] = React.useState<number>(100); const [lines, setLines] = React.useState<number>(100);
const [search, setSearch] = React.useState<string>(""); const [search, setSearch] = React.useState<string>("");
const [since, setSince] = React.useState<TimeFilter>("all"); const [since, setSince] = React.useState<TimeFilter>("all");
const [typeFilter, setTypeFilter] = React.useState<TypeFilter>("all"); const [typeFilter, setTypeFilter] = React.useState<TypeFilter>("all");
const scrollRef = useRef<HTMLDivElement>(null); const scrollRef = useRef<HTMLDivElement>(null);
@@ -108,7 +109,6 @@ export const DockerLogsId: React.FC<Props> = ({ containerId, serverId }) => {
ws.onopen = () => { ws.onopen = () => {
console.log("WebSocket connected"); console.log("WebSocket connected");
setIsLoading(false)
}; };
ws.onmessage = (e) => { ws.onmessage = (e) => {
@@ -187,7 +187,7 @@ export const DockerLogsId: React.FC<Props> = ({ containerId, serverId }) => {
return ( return (
<div className="flex flex-col gap-4"> <div className="flex flex-col gap-4">
<div className="shadow-md rounded-lg overflow-hidden"> <div className="rounded-lg overflow-hidden">
<div className="space-y-4"> <div className="space-y-4">
<div className="flex flex-wrap justify-between items-start sm:items-center gap-4"> <div className="flex flex-wrap justify-between items-start sm:items-center gap-4">
<div className="flex flex-wrap gap-4"> <div className="flex flex-wrap gap-4">
@@ -196,7 +196,7 @@ export const DockerLogsId: React.FC<Props> = ({ containerId, serverId }) => {
placeholder="Number of lines to show" placeholder="Number of lines to show"
value={lines} value={lines}
onChange={handleLines} onChange={handleLines}
className="inline-flex h-9 text-sm text-white placeholder-gray-400 w-full sm:w-auto" className="inline-flex h-9 text-sm placeholder-gray-400 w-full sm:w-auto"
/> />
<Select value={since} onValueChange={handleSince}> <Select value={since} onValueChange={handleSince}>
@@ -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">
@@ -244,7 +244,7 @@ export const DockerLogsId: React.FC<Props> = ({ containerId, serverId }) => {
placeholder="Search logs..." placeholder="Search logs..."
value={search} value={search}
onChange={handleSearch} onChange={handleSearch}
className="inline-flex h-9 text-sm text-white placeholder-gray-400 w-full sm:w-auto" className="inline-flex h-9 text-sm placeholder-gray-400 w-full sm:w-auto"
/> />
</div> </div>