diff --git a/assets/components/entities/children.vue b/assets/components/entities/children.vue index a681c7c9..2206e8b6 100644 --- a/assets/components/entities/children.vue +++ b/assets/components/entities/children.vue @@ -31,6 +31,7 @@ export default { display: flex; box-sizing: border-box; padding: 1rem; + margin: 0 1rem 0 0; border-bottom: solid 1px var(--darken-hint); overflow-x: auto; scroll-behavior: smooth; @@ -45,6 +46,7 @@ export default { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); grid-gap: 1rem; + margin: 0; .tile { width: 100%; diff --git a/assets/components/entities/entity.vue b/assets/components/entities/entity.vue index 9b2a4ec9..8c587204 100644 --- a/assets/components/entities/entity.vue +++ b/assets/components/entities/entity.vue @@ -18,7 +18,7 @@ > @@ -60,16 +60,14 @@ > - - - + diff --git a/assets/components/releases/media.vue b/assets/components/releases/media.vue index 74128b09..4ffab11b 100644 --- a/assets/components/releases/media.vue +++ b/assets/components/releases/media.vue @@ -119,6 +119,10 @@ export default { type: Object, default: null, }, + expanded: { + type: Boolean, + default: false, + }, }, data() { return { @@ -147,12 +151,12 @@ export default { &.expanded { display: flex; + justify-content: center; flex-wrap: wrap; .item-link, .trailer { - margin: 0 .5rem .5rem 0; - max-width: 100%; + margin: 0 0 .5rem 0; height: 18rem; flex: 1; } @@ -200,7 +204,6 @@ export default { display: inline-flex; align-items: center; justify-content: center; - box-shadow: 0 0 3px var(--shadow-weak); .warning { display: none; @@ -238,6 +241,7 @@ export default { height: 18rem; vertical-align: middle; object-fit: cover; + box-shadow: 0 0 3px var(--shadow); } .trailer-container { @@ -247,7 +251,7 @@ export default { } .trailer { - max-width: 100%; + width: 100%; max-height: 100%; object-fit: cover; diff --git a/assets/components/releases/release.vue b/assets/components/releases/release.vue index 5d94e4dd..219b6147 100644 --- a/assets/components/releases/release.vue +++ b/assets/components/releases/release.vue @@ -86,7 +86,7 @@ {{ release.title }} -
-

{{ release.description }}

-
-
- Duration + Description +

{{ release.description }}

+
-
- {{ Math.floor(release.duration / 3600).toString().padStart(2, '0') }}: - {{ Math.floor((release.duration % 3600) / 60).toString().padStart(2, '0') }}: - {{ (release.duration % 60).toString().padStart(2, '0') }} +
+
+ Duration + +
+ {{ Math.floor(release.duration / 3600).toString().padStart(2, '0') }}: + {{ Math.floor((release.duration % 3600) / 60).toString().padStart(2, '0') }}: + {{ (release.duration % 60).toString().padStart(2, '0') }} +
+
+ +
+ Shoot # + {{ release.shootId }} +
+ +
+ Studio + + {{ release.studio.name }}
-
- Studio - - {{ release.studio.name }} -
- -
- Shoot # - {{ release.shootId }} -
- - +
Added {{ formatDate(release.createdAt, 'MMMM D, YYYY HH:mm') }} - +
@@ -345,13 +348,6 @@ export default { &.associations { align-items: start; } - - .icon { - display: inline-block; - width: 1rem; - fill: var(--shadow-strong); - margin: 0 1rem 0 0; - } } .row-label { @@ -366,6 +362,11 @@ export default { } } +.row-tidbit { + display: inline-block; + margin: 0 1rem 0 0; +} + .title { margin: 0; } diff --git a/assets/components/releases/tile-details.vue b/assets/components/releases/tile-details.vue new file mode 100644 index 00000000..4285dfd3 --- /dev/null +++ b/assets/components/releases/tile-details.vue @@ -0,0 +1,122 @@ + + + + + diff --git a/assets/components/releases/tile.vue b/assets/components/releases/tile.vue index 308e65b6..7bb1bf95 100644 --- a/assets/components/releases/tile.vue +++ b/assets/components/releases/tile.vue @@ -5,60 +5,6 @@ class="tile" > - - - - - {{ release.entity.name }} - - - {{ release.entity.name }} - - {{ formatDate(release.date, 'MMM D, YYYY') }} - - {{ `(${formatDate(release.dateAdded, 'MMM D, YYYY')})` }} - - +
+
- {{ release.title }} - + >{{ release.title }} -
    +
    • -
        -
      • + {{ release.shootId }} + +
          - {{ tag.name }} - -
        +
      • + {{ tag.name }} +
      • +
      +