Adding the body plan 1 made by Norman.

js-src/components/upper-panel.tsx

@@ -12,8 +12,8 @@ interface UpperPanelProps {
 }
 
 interface Style {
-    color?: string;
-    background?: string;
+    color?: string
+    background?: string
 }
 
 export default function UpperPanel (props: UpperPanelProps): JSX.Element {

lib/LasTres/Location.pm

@@ -17,9 +17,9 @@ my $planets = LasTres::Planets->new;
 sub show_intro($self, $pj) {
     $pj->append_log_line([
         { text => 'Estas en ' },
-        { color => 'green', text => $self->name },
-        { text => '/' },
         { color => 'red', text => $self->parent->name },
+        { text => '/' },
+        { color => 'green', text => $self->name },
     ]);
     $pj->append_log_line([
         { text => $pj->location->description },

lib/LasTres/Schema.pm

@@ -5,7 +5,7 @@ use v5.36.0;
 use strict;
 use warnings;
 
-our $VERSION = 5;
+our $VERSION = 6;
 
 use feature 'signatures';
 

lib/LasTres/Schema/Result/InventoryItem.pm

@@ -31,5 +31,6 @@ __PACKAGE__->add_columns(
 );
 
 __PACKAGE__->set_primary_key('uuid');
+__PACKAGE__->add_unique_constraint("inventory_items_unique_item", ['inventory', 'identifier']);
 __PACKAGE__->belongs_to('inventory', 'LasTres::Schema::Result::Inventory');
 1;

public/css/styles.css

@@ -27,7 +27,7 @@ body {
       width: 30%;
       aspect-ratio: 1/1;
       border-radius: 50%;
-      background: gray;
+      background: lightgray;
       margin-right: 2%;
       display: flex;
       align-items: center;
@@ -43,9 +43,9 @@ body {
       body div.pj-list-item div.avatar div.shadow {
         top: 78%;
         position: absolute;
-        width: 60%;
+        width: 50%;
         aspect-ratio: 7/2;
-        background: black;
+        background: darkgray;
         border-radius: 50%; }
     body div.pj-list-item div.data {
       width: 60%; }

public/css/styles.scss

@@ -29,7 +29,7 @@ body {
             width: 30%;
             aspect-ratio: 1/1;
             border-radius: 50%;
-            background: gray;
+            background: lightgray;
             margin-right: 2%;
             display: flex;
             align-items: center;
@@ -46,9 +46,9 @@ body {
             div.shadow {
                 top: 78%;
                 position: absolute;
-                width: 60%;
+                width: 50%;
                 aspect-ratio: 7/2;
-                background: black;
+                background: darkgray;
                 border-radius: 50%;
             }
         }