diff --git a/module/sheets/Items/UntypedItemSheet.mjs b/module/sheets/Items/UntypedItemSheet.mjs index 895f8b1..891680e 100644 --- a/module/sheets/Items/UntypedItemSheet.mjs +++ b/module/sheets/Items/UntypedItemSheet.mjs @@ -27,6 +27,7 @@ export class UntypedItemSheet extends GenericItemSheet { ctx.computed = { showSettingsTab: ctx.isGM || this.item.isOwned, + isEmbedded: this.item.isOwned, }; return ctx; diff --git a/styles/v3/elements/panel.scss b/styles/v3/elements/panel.scss index 663496d..36a8f14 100644 --- a/styles/v3/elements/panel.scss +++ b/styles/v3/elements/panel.scss @@ -4,5 +4,6 @@ .panel { @include material.elevate(2); border-radius: 4px; + padding: var(--gap); } } diff --git a/styles/v3/layouts/items/untyped/v2.scss b/styles/v3/layouts/items/untyped/v2.scss index 096d51f..ce5d5e5 100644 --- a/styles/v3/layouts/items/untyped/v2.scss +++ b/styles/v3/layouts/items/untyped/v2.scss @@ -2,6 +2,8 @@ @use "../../../mixins/utils"; .dotdungeon.style-v3 .item--untyped { + --gap: 8px; + .nav-bar { @include material.elevate(8); position: absolute; @@ -12,15 +14,20 @@ nav { display: flex; flex-direction: row; - gap: 8px; - padding: 8px; + gap: var(--gap); + padding: var(--gap); } } .page-content { - padding: 8px; + padding: calc(var(--gap) * 1); padding-bottom: 60px; height: 100%; + + > .tab { + height: 100%; + gap: var(--gap); + } } @include utils.tab("general") { @@ -28,11 +35,14 @@ --height: 50px; grid-template-columns: var(--height) 1fr; grid-template-rows: var(--height) 1fr; - gap: 8px; - height: 100%; .description { grid-column: 1 / -1; } } + + @include utils.tab("details") { + display: flex; + flex-direction: column; + } } diff --git a/templates/items/untyped/v2/tabs/details.v2.untyped.hbs b/templates/items/untyped/v2/tabs/details.v2.untyped.hbs index d238b3d..5b4dbe9 100644 --- a/templates/items/untyped/v2/tabs/details.v2.untyped.hbs +++ b/templates/items/untyped/v2/tabs/details.v2.untyped.hbs @@ -1,3 +1,19 @@
- Details Tab +
+ Purchase Cost +
+
+ Usage Cost +
+
+ Item Rarity +
+ {{#if computed.isEmbedded}} +
+ Item Location +
+
+ Quantity +
+ {{/if}}