groove/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2026-07-09 10:51:37 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fixed overflow issue

Browse source
This commit is contained in:
zipben 2025-06-04 16:09:15 +00:00
parent c0294f4c39
commit ed6e59a9f1
1 changed files with 9 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

11
client/pages/user/_id/index.vue
View file

@ -1,12 +1,12 @@
<template> <template>
<div class="bg-bg min-h-screen"> <div class="page-container">
<div class="max-w-6xl mx-auto px-4 py-8"> <div class="max-w-6xl mx-auto px-4 py-8">
<div v-if="user" class="mb-8"> <div v-if="user" class="mb-8">
<h1 class="text-3xl font-semibold mb-2">{{ user.displayName || user.username }}'s Profile</h1> <h1 class="text-3xl font-semibold mb-2">{{ user.displayName || user.username }}'s Profile</h1>
<p class="text-gray-400">Member since {{ formatDate(user.createdAt) }}</p> <p class="text-gray-400">Member since {{ formatDate(user.createdAt) }}</p>
</div> </div>
<div v-if="reviews.length" class="space-y-6"> <div v-if="reviews.length" class="space-y-6 pb-24">
<h2 class="text-2xl font-semibold mb-4">Reviews</h2> <h2 class="text-2xl font-semibold mb-4">Reviews</h2>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4"> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4">
<div v-for="review in reviews" :key="review.id" class="bg-primary rounded-lg overflow-hidden shadow-lg flex flex-col"> <div v-for="review in reviews" :key="review.id" class="bg-primary rounded-lg overflow-hidden shadow-lg flex flex-col">
@ -87,6 +87,13 @@ export default {
</script> </script>
<style> <style>
.page-container {
min-height: 100vh;
height: 100vh;
overflow-y: auto;
background-color: var(--bg-color);
}
.line-clamp-1 { .line-clamp-1 {
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 1; -webkit-line-clamp: 1;