Skip to content

Commit

Permalink
Clean up spacing on timeline a bit (#343)
Browse files Browse the repository at this point in the history
<img width="769" alt="Screenshot 2023-08-30 at 1 38 48 PM"
src="https://github.com/TBD54566975/ftl/assets/51647/04b6c261-2474-4f8f-bc90-74ede5b04203">
  • Loading branch information
wesbillman authored Aug 30, 2023
1 parent c254635 commit 29241c9
Show file tree
Hide file tree
Showing 3 changed files with 7 additions and 7 deletions.
6 changes: 3 additions & 3 deletions console/client/src/features/timeline/TimelineCall.tsx
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
import {ArrowSmallRightIcon} from '@heroicons/react/20/solid'
import {ArrowRightOnRectangleIcon} from '@heroicons/react/24/outline'
import {Call} from '../../protos/xyz/block/ftl/v1/console/console_pb'
import {formatDuration, formatTimestamp} from '../../utils/date.utils'
import {panelColor, textColor} from '../../utils/style.utils'
import {classNames} from '../../utils/react.utils'
import {panelColor, textColor} from '../../utils/style.utils'
import {verbRefString} from '../verbs/verb.utils'
import {ArrowSmallRightIcon} from '@heroicons/react/20/solid'

type Props = {
call: Call
Expand All @@ -26,7 +26,7 @@ export const TimelineCall: React.FC<Props> = ({call, selected}) => {
</div>
<div
className={classNames(
`relative flex gap-x-4 flex-auto w-full max-w-full p-1.5 `,
`relative flex gap-x-4 flex-auto w-full max-w-full`,
selected && 'bg-indigo-600 rounded-md'
)}
>
Expand Down
4 changes: 2 additions & 2 deletions console/client/src/features/timeline/TimelineDeployment.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,8 @@ import {
DeploymentEventType,
} from '../../protos/xyz/block/ftl/v1/console/console_pb'
import {formatTimestamp} from '../../utils/date.utils'
import {panelColor, textColor} from '../../utils/style.utils'
import {classNames} from '../../utils/react.utils'
import {panelColor, textColor} from '../../utils/style.utils'

type Props = {
deployment: Deployment
Expand Down Expand Up @@ -44,7 +44,7 @@ export const TimelineDeployment: React.FC<Props> = ({
</div>
<div
className={classNames(
`relative flex gap-x-4 flex-auto w-full max-w-full p-1.5 `,
`relative flex gap-x-4 flex-auto w-full max-w-full px-1 py-0.5`,
selected && 'bg-indigo-600 rounded-md'
)}
>
Expand Down
4 changes: 2 additions & 2 deletions console/client/src/features/timeline/TimelineLog.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ export const TimelineLog: React.FC<Props> = ({log, selected}) => {
</div>
<div
className={classNames(
`relative flex gap-x-4 flex-auto w-full max-w-full p-1.5 `,
`relative flex gap-x-4 flex-auto w-full max-w-full px-1 py-0.5`,
selected && 'bg-indigo-600 rounded-md'
)}
>
Expand All @@ -44,7 +44,7 @@ export const TimelineLog: React.FC<Props> = ({log, selected}) => {

<time
dateTime={formatTimestamp(log.timeStamp)}
className={`flex-none text-xs leading-5 ${
className={`flex-none text-xs leading-5 ${
selected ? 'text-gray-50' : 'text-gray-500'
}`}
>
Expand Down

0 comments on commit 29241c9

Please sign in to comment.