Spacebar/client
1
0
Fork 0
mirror of https://github.com/spacebarchat/client.git synced 2024-11-22 10:22:30 +01:00
Code Issues Releases Activity

fix inconsistent header bar heights

Browse Source
This commit is contained in:
Puyodead1 2023-08-25 22:25:55 -04:00
parent 662a49024b
commit 9ea7fd9e7f
No known key found for this signature in database
GPG Key ID: A4FA4FEC0DD353FC
3 changed files with 15 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/ChannelHeader.tsx
View File

@ -5,19 +5,13 @@ import { useParams } from "react-router-dom";
import styled from "styled-components";
import { ContextMenuContext } from "../contexts/ContextMenuContext";
import { useAppStore } from "../stores/AppStore";
import Container from "./Container";
import { IContextMenuItem } from "./ContextMenuItem";
import Icon from "./Icon";
import { SectionHeader } from "./SectionHeader";
import LeaveServerModal from "./modals/LeaveServerModal";
const Wrapper = styled(Container)`
display: flex;
padding: 12px 16px;
margin-bottom: 1px;
const Wrapper = styled(SectionHeader)`
background-color: var(--background-secondary);
box-shadow: 0 1px 0 hsl(0deg 0% 0% / 0.3);
align-items: center;
justify-content: space-between;
cursor: pointer;
&:hover {

11
src/components/SectionHeader.tsx Normal file
View File

@ -0,0 +1,11 @@
import styled from "styled-components";
export const SectionHeader = styled.div`
display: flex;
padding: 12px 16px;
margin-bottom: 1px;
box-shadow: 0 1px 0 hsl(0deg 0% 0% / 0.3);
align-items: center;
justify-content: space-between;
white-space: nowrap;
`;

8
src/components/messaging/MessagesHeader.tsx
View File

@ -2,6 +2,7 @@ import * as Icons from "@mdi/js";
import styled from "styled-components";
import Channel from "../../stores/objects/Channel";
import Icon from "../Icon";
import { SectionHeader } from "../SectionHeader";
import Tooltip from "../Tooltip";
const IconButton = styled.button`
@ -27,13 +28,8 @@ const CustomIcon = styled(Icon)<CustomIconProps>`
}
`;
const Container = styled.section`
display: flex;
padding: 10px 16px;
margin-bottom: 1px;
const Container = styled(SectionHeader)`
background-color: var(--background-primary-alt);
box-shadow: 0 1px 0 hsl(0deg 0% 0% / 0.3);
align-items: center;
`;
const Wrapper = styled.div`