adamf/web_server
1
1
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

Fix sidebars and make them not expand
All checks were successful
Deploy with Docker Compose / deploy (push) Successful in 6m7s
Details

Browse Source
This commit is contained in:
Adam French
2026-03-19 01:16:10 +00:00
parent 08125204c5
commit 8627a7945e
3 changed files with 10 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
nginx/vue/src/components/util/Chat.vue
View File

@@ -79,9 +79,9 @@ onUnmounted(() => {
</script> </script>
<template> <template>
<div class="flex-col flex"> <div class="flex-col flex min-h-0">
<Header>Chat</Header> <Header>Chat</Header>
<div ref="messagesContainer" class="flex flex-col overflow-y-auto overflow-x-hidden p-2 min-w-0"> <div ref="messagesContainer" class="flex flex-col flex-1 min-h-0 overflow-y-auto overflow-x-hidden p-2 min-w-0">
<p v-for="message in messages" :key="message.id" class="break-words min-w-0 w-full"> <p v-for="message in messages" :key="message.id" class="break-words min-w-0 w-full">
<span class="text-tertiary">{{ message.authorId }}:</span> <span class="text-tertiary">{{ message.authorId }}:</span>
<template <template

2
nginx/vue/src/components/util/CommitHistory.vue
View File

@@ -8,7 +8,7 @@ const { gitFeed: feed, loaded } = storeToRefs(homeData);
</script> </script>
<template> <template>
<div class="flex flex-col text-center h-full"> <div class="flex flex-col text-center min-h-0 h-full">
<Header class="text-left">Commits</Header> <Header class="text-left">Commits</Header>
<div v-if="!loaded" class="flex-1 overflow-y-auto"> <div v-if="!loaded" class="flex-1 overflow-y-auto">

18
nginx/vue/src/views/home/Home.vue
View File

@@ -24,14 +24,12 @@ import Consumption from "./Consumption.vue";
<template> <template>
<main class="halftone justify-center flex flex-row w-full h-full"> <main class="halftone justify-center flex flex-row w-full h-full">
<div class="outerWrap h-fit flex flex-row"> <div class="outerWrap flex flex-row" style="height: 310mm">
<div <div class="sidebar flex-1 flex flex-col m-10 w-60 gap-2">
class="sidebar place-content-between flex-1 flex flex-col m-10 w-60 gap-2"
>
<div <div
class="flex flex-col background-children border-children gap-2" class="flex-1 flex flex-col min-h-0 background-children border-children gap-2"
> >
<Chat class="h-306" /> <Chat class="flex-1 min-h-0" />
</div> </div>
<div> <div>
<Miku class="border-tertiary border bg-bg_secondary" /> <Miku class="border-tertiary border bg-bg_secondary" />
@@ -53,16 +51,14 @@ import Consumption from "./Consumption.vue";
<!-- <Gym class="gym" /> --> <!-- <Gym class="gym" /> -->
<Gym2 class="gym" /> <Gym2 class="gym" />
</div> </div>
<div <div class="sidebar flex-1 flex flex-col m-10 w-60 gap-2">
class="sidebar place-content-between flex-1 flex flex-col m-10 w-60 gap-2"
>
<div <div
class="flex flex-col background-children border-children gap-2" class="flex-1 flex flex-col min-h-0 background-children border-children gap-2"
> >
<Time /> <Time />
<Timer /> <Timer />
<Radio /> <Radio />
<CommitHistory class="h-120" /> <CommitHistory class="flex-1" />
<!-- <Elle class="flex-1" /> --> <!-- <Elle class="flex-1" /> -->
<!-- <MusicPlayer /> --> <!-- <MusicPlayer /> -->