Merge branch 'main' of github.com:arthyn/taisho into main

src/background/services/pier-service.ts

@@ -214,11 +214,12 @@ export class PierService {
     async resumePier(pier: Pier): Promise<Pier | null> {
         const accuratePier = await this.checkPier(pier)
         if (accuratePier.running)
-            return accuratePier
+            return await this.updatePier({ ...accuratePier, lastUsed: (new Date()).toISOString() });
 
         const ports = await this.spawnUrbit(this.getSpawnArgs(accuratePier), accuratePier.slug)
         const updatedPier: Pier = {
             ...accuratePier,
+            lastUsed: (new Date()).toISOString(),
             webPort: ports.web,
             loopbackPort: ports.loopback,
             running: true

src/renderer/shared/MessageLogger.tsx

@@ -16,9 +16,9 @@ export const MessageLogger: React.FC<{ slug: string }> = ({ slug }) => {
     }, [])
 
     return (
-        <div className="relative">
-            <div className="absolute top-0 left-0 right-0 bottom-0 z-20 bg-gradient-to-b from-black to-transparent" />
-            <pre className="flex flex-col-reverse h-56 space-y-0 pt-10 pl-10 font-mono text-xs text-gray-500 overflow-y-auto">
+        <div className="relative min-w-xl">
+            <div className="absolute top-0 left-0 right-0 bottom-0 z-20 bg-gradient-to-b from-black to-transparent pointer-events-none" />
+            <pre className="flex flex-col-reverse h-56 space-y-0 pt-10 pl-10 font-mono text-xs text-gray-500 overflow-auto">
                 {messages.map((msg, index) => (
                     <div key={index + msg.text}>{msg.text}</div>
                 ))}

src/renderer/ship/components/ShipList.tsx

@@ -14,7 +14,7 @@ export const ShipList = ({ piers }: { piers: Pier[]}) => {
     }
 
     return (
-        <ul className="space-y-4">
+        <ul className="space-y-4 overflow-y-auto max-h-96 pr-1">
             {piers.sort((a,b) => b.lastUsed.localeCompare(a.lastUsed)).map(pier => (
                 <li key={pier.slug} className="flex items-center p-2 bg-gray-900 rounded">
                     <div>

src/renderer/styles/base.css

@@ -0,0 +1,24 @@
+a {
+  @apply inline-block focus:outline-none focus:ring focus:ring-gray-600 focus:ring-opacity-50;
+}
+
+* {
+    scrollbar-width: thin;
+}
+
+*::-webkit-scrollbar {
+    @apply w-1.5 h-1.5 bg-transparent;
+}
+
+*::-webkit-scrollbar-track {
+    @apply bg-transparent;
+}
+
+*::-webkit-scrollbar-thumb {
+    @apply bg-gray-700 rounded-full;
+}
+
+*::-webkit-scrollbar-corner,
+*::-webkit-resizer {
+    @apply hidden;
+}

src/renderer/styles/index.css

@@ -1,14 +1,11 @@
 @import "tailwindcss/base";
+@import "./base";
 
 @import "tailwindcss/components";
 @import "./components";
 
 @import "tailwindcss/utilities";
 
-a {
-  @apply inline-block focus:outline-none focus:ring focus:ring-gray-600 focus:ring-opacity-50;
-}
-
 .border-t-gray-300 {
   border-top-color: rgba(209,213,219,var(--tw-border-opacity));
 }

tailwind.config.js

@@ -15,6 +15,7 @@ module.exports = {
       },
       minWidth: {
         ...theme.spacing,
+        ...theme.maxWidth,
         '22': '5.5rem'
       },
       height: {