external/hydra
1
0
Fork 0
mirror of https://github.com/hydralauncher/hydra.git synced 2025-03-09 15:40:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat/sidebar-socials: add socials to sidebar footer

Browse source
This commit is contained in:
Guilherme Viana 2024-04-19 08:51:52 -03:00
parent 407c736522
commit 4725a2e32a
13 changed files with 139 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

34
src/renderer/components/sidebar/sidebar.css.ts
View file

@ -6,6 +6,7 @@ export const sidebar = recipe({
base: {
backgroundColor: vars.color.darkBackground,
color: "#c0c1c7",
flexDirection: "column",
display: "flex",
transition: "opacity ease 0.2s",
borderRight: `solid 1px ${vars.color.borderColor}`,
@ -134,3 +135,36 @@ export const section = recipe({
},
},
});
export const sidebarFooter = style({
marginTop: "auto",
padding: `${SPACING_UNIT * 2}px`,
display: "flex",
alignItems: "center",
justifyContent: "space-between",
});
export const footerSocialsContainer = style({
display: "flex",
alignItems: "center",
gap: `${SPACING_UNIT * 1.5}px`,
});
export const footerSocialsItem = style({
color: vars.color.bodyText,
backgroundColor: vars.color.darkBackground,
width: "16px",
height: "16px",
display: "flex",
alignItems: "center",
transition: "all ease 0.15s",
":hover": {
opacity: 0.75,
cursor: "pointer",
},
});
export const footerText = style({
color: vars.color.bodyText,
fontSize: "12px",
});