External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

style(post menu): add themes styling

Browse Source
This commit is contained in:
Tom (plebeius.eth)
2024-05-27 17:21:21 +02:00
parent 677407cd52
commit 219c05b6d1
3 changed files with 17 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/post/post-menu/post-menu.module.css
+4 -4
View File
@@ -1,8 +1,8 @@
.postMenu { .postMenu {
position: absolute; position: absolute;
background-color: var(--post-menu-background-color); background-color: var(--post-menu-background-color);
border-bottom: 2px solid var(--post-menu-border-color); border-bottom: var(--post-menu-border-bottom);
border-right: 1px solid var(--post-menu-border-color); border-right: var(--post-menu-border-right);
outline: none; outline: none;
} }
@@ -46,8 +46,8 @@
left: 100%; left: 100%;
top: -1px; top: -1px;
display: none; display: none;
border-bottom: 2px solid var(--post-menu-border-color); border-bottom: var(--post-menu-border-bottom);
border-right: 1px solid var(--post-menu-border-color); border-right: var(--post-menu-border-right);
} }
.dropdown a { .dropdown a {
src/themes.css
+12 -6
View File
@@ -120,7 +120,8 @@
--post-form-field-input-color: #000; --post-form-field-input-color: #000;
/* post menu */ /* post menu */
--post-menu-border-color: #d9bfb7; --post-menu-border-bottom: 2px solid #d9bfb7;
--post-menu-border-right: 1px solid #d9bfb7;
--post-menu-background-color: #f0e0d6; --post-menu-background-color: #f0e0d6;
--post-menu-item-border-color: #d9bfb7; --post-menu-item-border-color: #d9bfb7;
--post-menu-item-background-color: #f0e0d6; --post-menu-item-background-color: #f0e0d6;
@@ -296,7 +297,8 @@
--post-form-field-input-color: #000; --post-form-field-input-color: #000;
/* post menu */ /* post menu */
--post-menu-border-color: #b7c5d9; --post-menu-border-bottom: 2px solid #b7c5d9;
--post-menu-border-right: 1px solid #b7c5d9;
--post-menu-background-color: #d6daf0; --post-menu-background-color: #d6daf0;
--post-menu-item-border-color: #b7c5d9; --post-menu-item-border-color: #b7c5d9;
--post-menu-item-background-color: #d6daf0; --post-menu-item-background-color: #d6daf0;
@@ -442,7 +444,8 @@
--post-form-field-input-color: #000; --post-form-field-input-color: #000;
/* post menu */ /* post menu */
--post-menu-border-color: #d9bfb7; --post-menu-border-bottom: 1px solid #d9bfb7;
--post-menu-border-right: unset;
--post-menu-background-color: #f0e0d6; --post-menu-background-color: #f0e0d6;
--post-menu-item-border-color: #d9bfb7; --post-menu-item-border-color: #d9bfb7;
--post-menu-item-background-color: #f0e0d6; --post-menu-item-background-color: #f0e0d6;
@@ -598,7 +601,8 @@
--post-form-field-input-color: #000; --post-form-field-input-color: #000;
/* post menu */ /* post menu */
--post-menu-border-color: #b7c5d9; --post-menu-border-bottom: 1px solid #b7c5d9;
--post-menu-border-right: unset;
--post-menu-background-color: #d6daf0; --post-menu-background-color: #d6daf0;
--post-menu-item-border-color: #b7c5d9; --post-menu-item-border-color: #b7c5d9;
--post-menu-item-background-color: #d6daf0; --post-menu-item-background-color: #d6daf0;
@@ -762,7 +766,8 @@
--post-form-field-input-outline: none; --post-form-field-input-outline: none;
/* post menu */ /* post menu */
--post-menu-border-color: #000; --post-menu-border-bottom: 1px solid #000;
--post-menu-border-right: unset;
--post-menu-background-color: #282a2e; --post-menu-background-color: #282a2e;
--post-menu-item-border-color: #000; --post-menu-item-border-color: #000;
--post-menu-item-background-color: #282a2e; --post-menu-item-background-color: #282a2e;
@@ -944,7 +949,8 @@
--post-form-field-input-color: #000; --post-form-field-input-color: #000;
/* post menu */ /* post menu */
--post-menu-border-color: #ccc; --post-menu-border-bottom: 1px solid #ccc;
--post-menu-border-right: unset;
--post-menu-background-color: #ddd; --post-menu-background-color: #ddd;
--post-menu-item-border-color: #ccc; --post-menu-item-border-color: #ccc;
--post-menu-item-background-color: #ddd; --post-menu-item-background-color: #ddd;
src/views/board/board.tsx
+1 -1
View File
@@ -54,7 +54,7 @@ const Board = () => {
{state === 'failed' ? ( {state === 'failed' ? (
state state
) : isInSubscriptionsView && subscriptions?.length === 0 ? ( ) : isInSubscriptionsView && subscriptions?.length === 0 ? (
`You haven't subscribed to any board yet.` `You have not subscribed to any board yet.`
) : ( ) : (
<LoadingEllipsis string={loadingStateString} /> <LoadingEllipsis string={loadingStateString} />
)} )}