{messages.map((msg, idx) => {
const {
diff --git a/src/common/component/styled/Button.js b/src/common/component/styled/Button.js
index 0e61565e..d34e7f96 100644
--- a/src/common/component/styled/Button.js
+++ b/src/common/component/styled/Button.js
@@ -7,8 +7,8 @@ const StyledButton = styled.button`
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
border-radius: var(--br, 4px);
font-weight: 500;
- font-size: 16px;
- line-height: 24px;
+ font-size: 14px;
+ line-height: 20px;
color: #fff;
background-color: #22ccee;
&.flex {
diff --git a/src/common/component/styled/Input.js b/src/common/component/styled/Input.js
index e1d8eeb5..7317bb7b 100644
--- a/src/common/component/styled/Input.js
+++ b/src/common/component/styled/Input.js
@@ -41,9 +41,6 @@ const StyledInput = styled.input`
border: 1px solid #e5e7eb;
box-shadow: 0px 1px 2px rgba(31, 41, 55, 0.08);
}
- &.higher {
- padding: 12px 8px;
- }
&.large {
font-weight: 400;
font-size: 16px;
diff --git a/src/common/component/styled/Menu.js b/src/common/component/styled/Menu.js
index d0176525..06c508e5 100644
--- a/src/common/component/styled/Menu.js
+++ b/src/common/component/styled/Menu.js
@@ -10,9 +10,9 @@ const StyledMenu = styled.ul`
border-radius: 12px;
min-width: 200px;
.item {
+ position: relative;
display: flex;
align-items: center;
-
gap: 14px;
white-space: nowrap;
cursor: pointer;
@@ -44,7 +44,19 @@ const StyledMenu = styled.ul`
}
}
&.underline {
- border-bottom: 1px solid #e5e5e5;
+ margin-bottom: 9px;
+ &:before {
+ position: absolute;
+ content: "";
+ left: 6px;
+ bottom: -4px;
+ display: block;
+ padding: 0 6px;
+ box-sizing: border-box;
+ width: calc(100% - 12px);
+ height: 1px;
+ background-color: #f2f4f7;
+ }
}
&.danger {
color: #a11043;
diff --git a/src/common/hook/useInviteLink.js b/src/common/hook/useInviteLink.js
index 88c34b92..0d221224 100644
--- a/src/common/hook/useInviteLink.js
+++ b/src/common/hook/useInviteLink.js
@@ -23,11 +23,6 @@ export default function useInviteLink(cid = null) {
const copyLink = () => {
copy(finalLink);
};
- const regenLink = cid
- ? () => {
- generateChannelInviteLink(cid);
- }
- : generateServerInviteLink;
useEffect(() => {
if (cid) {
generateChannelInviteLink(cid);
@@ -45,10 +40,15 @@ export default function useInviteLink(cid = null) {
setFinalLink(tmpURL.href);
}
}, [serverInviteLink, channelInviteLink, smtpStatusFetchSuccess]);
+ const genServerLink = () => {
+ generateServerInviteLink();
+ };
return {
enableSMTP: SMTPEnabled,
generating: cid ? generatingChannelLink : generatingServerLink,
- generateNewLink: regenLink,
+ generateNewLink: cid
+ ? generateChannelInviteLink.bind(null, cid)
+ : genServerLink,
link: finalLink,
linkCopied,
copyLink,
diff --git a/src/routes/chat/Layout/Operations.js b/src/routes/chat/Layout/Operations.js
index b60ea790..ef1fde47 100644
--- a/src/routes/chat/Layout/Operations.js
+++ b/src/routes/chat/Layout/Operations.js
@@ -28,6 +28,9 @@ const Styled = styled.div`
&:disabled svg path {
fill: #ccc;
}
+ &:hover {
+ background: #eaecf0;
+ }
}
.close {
cursor: pointer;
diff --git a/src/routes/chat/Layout/styled.js b/src/routes/chat/Layout/styled.js
index 5ba93015..8ad4d809 100644
--- a/src/routes/chat/Layout/styled.js
+++ b/src/routes/chat/Layout/styled.js
@@ -19,6 +19,7 @@ const Styled = styled.article`
justify-content: space-between;
position: relative;
> .chat {
+ border-bottom-right-radius: 16px;
width: 100%;
background-color: #fff;
display: flex;
diff --git a/src/routes/favs/index.js b/src/routes/favs/index.js
index 3b10a25a..61cbe605 100644
--- a/src/routes/favs/index.js
+++ b/src/routes/favs/index.js
@@ -157,7 +157,7 @@ function FavsPage() {
);
return (
-
+
{tip}
{dayjs(created_at).format("YYYY-MM-DD")}
diff --git a/src/routes/favs/styled.js b/src/routes/favs/styled.js
index d8099c6b..aa8cf9cc 100644
--- a/src/routes/favs/styled.js
+++ b/src/routes/favs/styled.js
@@ -45,11 +45,14 @@ const Styled = styled.div`
flex-direction: column;
gap: 32px;
overflow-y: scroll;
- .fav {
+ .container {
max-width: 600px;
display: flex;
flex-direction: column;
gap: 4px;
+ > .favorite {
+ background: #f2f4f7;
+ }
.tip {
display: inline-flex;
align-items: center;
diff --git a/src/routes/resources/Filter/Type.js b/src/routes/resources/Filter/Type.js
index 2adc7fab..7999cfc8 100644
--- a/src/routes/resources/Filter/Type.js
+++ b/src/routes/resources/Filter/Type.js
@@ -34,6 +34,10 @@ const Styled = styled.div`
align-items: center;
gap: 8px;
color: #616161;
+ font-weight: 600;
+ font-size: 14px;
+ line-height: 20px;
+ color: #475467;
.icon {
width: 15px;
height: auto;
diff --git a/src/routes/resources/View.js b/src/routes/resources/View.js
index 0e91a062..55860675 100644
--- a/src/routes/resources/View.js
+++ b/src/routes/resources/View.js
@@ -16,6 +16,9 @@ const Styled = styled.ul`
cursor: pointer;
padding: 8px;
box-sizing: border-box;
+ display: flex;
+ align-items: center;
+ justify-content: center;
}
&.item .item,
&.grid .grid {