diff --git a/dashboard/src/components/templates/Nav.tsx b/dashboard/src/components/templates/Nav.tsx index 95c3a69f..ded01d57 100644 --- a/dashboard/src/components/templates/Nav.tsx +++ b/dashboard/src/components/templates/Nav.tsx @@ -56,7 +56,6 @@ const Titles = styled('div', { }) const Title = styled('h1', { base: { - width: '100%', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', diff --git a/dashboard/src/components/templates/app/AppDeployInfo.tsx b/dashboard/src/components/templates/app/AppDeployInfo.tsx index b314cb29..72a8084d 100644 --- a/dashboard/src/components/templates/app/AppDeployInfo.tsx +++ b/dashboard/src/components/templates/app/AppDeployInfo.tsx @@ -285,8 +285,8 @@ const AppDeployInfo: Component<{ - - + + SSH Access @@ -294,8 +294,8 @@ const AppDeployInfo: Component<{ 現在アプリが起動していないためSSHアクセスはできません - - + + ) diff --git a/dashboard/src/components/templates/app/AppNav.tsx b/dashboard/src/components/templates/app/AppNav.tsx index fae5d59a..3d95a695 100644 --- a/dashboard/src/components/templates/app/AppNav.tsx +++ b/dashboard/src/components/templates/app/AppNav.tsx @@ -1,11 +1,15 @@ import { styled } from '@macaron-css/solid' import { A } from '@solidjs/router' -import type { Component } from 'solid-js' +import { Component, Show } from 'solid-js' import type { Application, Repository } from '/@/api/neoshowcase/protobuf/gateway_pb' import { MaterialSymbols } from '/@/components/UI/MaterialSymbols' import { originToIcon, repositoryURLToOrigin } from '/@/libs/application' import { colorVars, textVars } from '/@/theme' import { Nav } from '../Nav' +import { style } from '@macaron-css/core' +import { BiRegularPencil } from 'solid-icons/bi' +import { diffHuman } from '/@/libs/format' +import { ToolTip } from '/@/components/UI/ToolTip' const RepositoryInfoContainer = styled('div', { base: { @@ -21,6 +25,7 @@ const RepositoryInfoContainer = styled('div', { ...textVars.text.regular, }, }) + const RepositoryInfo = styled('div', { base: { width: '100%', @@ -31,6 +36,7 @@ const RepositoryInfo = styled('div', { overflowX: 'hidden', }, }) + const RepositoryName = styled('div', { base: { width: '100%', @@ -40,12 +46,48 @@ const RepositoryName = styled('div', { }, }) +const rowFlex = style({ + display: 'flex', + flexDirection: 'row', + gap: '4px', +}) + +const rightFit = style({ + width: 'fit-content', + marginLeft: 'auto', + textAlign: 'right', + overflow: 'hidden', + textOverflow: 'ellipsis', + whiteSpace: 'nowrap', +}) + +const center = style({ + display: 'flex', + alignItems: 'center', +}) + export const AppNav: Component<{ app: Application repository: Repository }> = (props) => { + const edited = ( +
+ + + {(nonNullUpdatedAt) => { + const { diff, localeString } = diffHuman(nonNullUpdatedAt().toDate()) + return ( + +
{diff}
+
+ ) + }} +
+
+ ) + return ( -