components/actors/bio.vue

@@ -270,10 +270,7 @@
 			</div>
 		</div>
 
-		<div
+		<div class="expand-container">
-			v-if="showExpand"
-			class="expand-container"
-		>
 			<button
 				type="button"
 				class="expand"
@@ -301,30 +298,12 @@ import { formatDate } from '#/utils/format.js';
 
 const expanded = ref(false);
 
-const props = defineProps({
+defineProps({
 	actor: {
 		type: Object,
 		default: null,
 	},
 });
-
-// if the profile is empty, the expand button overlaps the header
-const showExpand = [
-	'age',
-	'bust',
-	'cup',
-	'eyes',
-	'hairColor',
-	'hasPiercings',
-	'hasTattoos',
-	'height',
-	'hip',
-	'naturalBoobs',
-	'origin',
-	'residence',
-	'waist',
-	'weight',
-].some((attribute) => !!props.actor[attribute]);
 </script>
 
 <style>
@@ -585,7 +564,6 @@ const showExpand = [
 	display: none;
 	justify-content: center;
 	position: absolute;
-	z-index: 1;
 	bottom: -.75rem;
 }
 
@@ -638,17 +616,10 @@ const showExpand = [
 }
 
 @media(--compact) {
-	.profile {
+    .profile .avatar-container {
-		.avatar-container {
         display: none;
     }
 
-        &.with-avatar {
-            height: auto;
-            max-height: 18rem;
-        }
-    }
-
     .actor-content {
         flex-direction: column;
     }

components/header/header.vue

@@ -420,7 +420,6 @@ function blurSearch(event) {
 
 	.icon {
 		display: none;
-		height: 1rem;
 		padding: 0;
 		fill: var(--text-light);
 	}
@@ -515,5 +514,9 @@ function blurSearch(event) {
 	.logo {
 		margin-right: .75rem;
 	}
+
+	.userpanel {
+		padding-left: 1rem;
+	}
 }
 </style>

components/stashes/stash.vue

@@ -70,14 +70,12 @@ function getPath(targetDomain) {
 .stash {
 	display: flex;
 	flex-direction: column;
+	overflow: hidden;
 }
 
 .header {
 	display: flex;
 	justify-content: space-between;
-	position: sticky;
-	top: 0;
-	z-index: 1;
 	padding: .5rem 1rem;
 	color: var(--text-light);
 	background: var(--grey-dark-40);
@@ -120,11 +118,8 @@ function getPath(targetDomain) {
 
 .domains {
 	display: flex;
-	justify-content: center;
 	gap: .5rem;
 	padding: .5rem 1rem;
-	background: var(--background-base-10);
-	border-bottom: solid 1px var(--shadow-weak-40);
 }
 
 .domain {

package-lock.json

@@ -1,11 +1,11 @@
 {
   "name": "traxxx-web",
-  "version": "0.23.7",
+  "version": "0.23.6",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
-      "version": "0.23.7",
+      "version": "0.23.6",
       "dependencies": {
         "@brillout/json-serializer": "^0.5.8",
         "@dicebear/collection": "^7.0.5",

package.json

@@ -77,5 +77,5 @@
     "postcss-custom-media": "^10.0.2",
     "postcss-nesting": "^12.0.2"
   },
-  "version": "0.23.7"
+  "version": "0.23.6"
 }

pages/actors/@actorId/+Page.vue

@@ -35,10 +35,7 @@
 		<div class="content">
 			<Bio :actor="actor" />
 
-			<div
+			<div class="photos nobar">
-				class="photos nobar"
-				:class="{ 'has-avatar': actor.avatar, 'has-photos': actor.avatar ? photos.length > 1 : photos.length > 0 }"
-			>
 				<img
 					v-for="photo in photos"
 					:key="`photo-${photo.id}`"
@@ -96,7 +93,7 @@ const photos = [
     align-items: center;
 	position: sticky;
 	top: 0;
-	z-index: 2;
+	z-index: 1;
     color: var(--highlight-strong-30);
     background: var(--grey-dark-40);
 }
@@ -133,10 +130,6 @@ const photos = [
 	border-bottom: solid 1px var(--shadow-weak-40);
 	background: var(--background-base-10);
 	overflow-x: auto;
-
-	&:not(.has-photos) {
-		display: none;
-	}
 }
 
 .photo {
@@ -154,10 +147,6 @@ const photos = [
 }
 
 @media(--compact) {
-	.photos.has-avatar {
-		display: flex;
-	}
-
 	.photo.avatar {
 		display: inline-block;
 	}