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

Fix overextending flexbox & abandon ship on flex-1 approach, and probably should just use fixed height for parent container
All checks were successful
Deploy with Docker Compose / deploy (push) Successful in 1m22s
Details

Browse Source
This commit is contained in:
Adam French
2026-03-13 15:47:43 +00:00
parent d5065d19e0
commit 36aa7ed907
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -80,7 +80,7 @@ onUnmounted(() => {
</script> </script>
<template> <template>
<div class="flex-1 flex-col flex"> <div class="flex-col flex">
<Header>Chat</Header> <Header>Chat</Header>
<div class="flex-col flex flex-1"> <div class="flex-col flex flex-1">
<div <div

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

@@ -26,12 +26,12 @@ import Consumption from "./Consumption.vue";
<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 h-fit flex flex-row">
<div <div
class="sidebar flex-1 flex flex-col m-10 w-60 gap-2 place-content-between" 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 flex-1 gap-2" class="flex flex-col background-children border-children gap-2"
> >
<Chat class="flex-1" /> <Chat class="h-306 overflow-y-scroll" />
</div> </div>
<div> <div>
<Miku class="border-tertiary border bg-bg_secondary" /> <Miku class="border-tertiary border bg-bg_secondary" />
@@ -57,12 +57,12 @@ import Consumption from "./Consumption.vue";
class="sidebar place-content-between 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 flex-1 gap-2" class="flex flex-col background-children border-children gap-2"
> >
<Time /> <Time />
<Timer /> <Timer />
<Radio /> <Radio />
<CommitHistory class="flex-1 overflow-y-scroll" /> <CommitHistory class="h-120 overflow-y-scroll" />
<!-- <Elle class="flex-1" /> --> <!-- <Elle class="flex-1" /> -->
<!-- <MusicPlayer /> --> <!-- <MusicPlayer /> -->