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 (
-