fix(sessions): remove mobile table overflow

Signed-off-by: Kai Henseler <[email protected]>
IONOS-Productivity · Aug 12, 2024 · 8ff7e86 · 8ff7e86
1 parent d8a43fd
commit 8ff7e86
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 0 deletions.
diff --git a/src/components/security/AuthToken.vue b/src/components/security/AuthToken.vue
@@ -399,4 +399,17 @@ export default defineComponent({
 		color: var(--color-text-maxcontrast);
 	}
 }
+
+@media (max-width: 660px) {
+	.auth-token__name {
+		min-width: auto;
+	}
+
+	td:has(.auth-token__last-activity) {
+		display: block;
+		margin-top: -25px;
+		padding-inline-start: 40px;
+		color: var(--color-text-lighter);
+	}
+}
 </style>
diff --git a/src/components/security/AuthTokenList.vue b/src/components/security/AuthTokenList.vue
@@ -99,4 +99,14 @@ export default defineComponent({
 		line-height: 24px;
 	}
 }
+
+@media screen and (max-width: 660px) {
+	.token-list {
+		width: 100%;
+	}
+
+	.token-list__header-activity {
+		display: none;
+	}
+}
 </style>