jude/reminder-bot
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 3 Wiki Activity

Fix styles for mobile

Browse Source
This commit is contained in:
jude 2024-09-25 19:34:09 +01:00
parent 23e2ed460b
commit 616ca7ea10
4 changed files with 3 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
reminder-dashboard/src/components/Sidebar/DesktopSidebar.tsx
View File

@ -1,5 +1,3 @@
export const DesktopSidebar = ({ children }) => { export const DesktopSidebar = ({ children }) => {
return ( return <div class="is-2 is-sidebar-menu dashboard-sidebar is-hidden-touch">{children}</div>;
<div class="column is-2 is-sidebar-menu dashboard-sidebar is-hidden-touch">{children}</div>
);
}; };

2
reminder-dashboard/src/components/Sidebar/MobileSidebar.tsx
View File

@ -52,7 +52,7 @@ export const MobileSidebar = ({ children }) => {
class="dashboard-sidebar mobile-sidebar is-hidden-desktop" class="dashboard-sidebar mobile-sidebar is-hidden-desktop"
id="mobileSidebar" id="mobileSidebar"
style={{ style={{
display: sidebarOpen ? "inherit" : "none", display: sidebarOpen ? "" : "none",
}} }}
onClick={() => { onClick={() => {
setSidebarOpen(!sidebarOpen); setSidebarOpen(!sidebarOpen);

2
reminder-dashboard/src/components/Sidebar/styles.scss
View File

@ -39,7 +39,7 @@ aside.menu {
} }
.dashboard-sidebar { .dashboard-sidebar {
display: flex !important; display: flex;
flex-direction: column; flex-direction: column;
background-color: #363636; background-color: #363636;
width: 230px !important; width: 230px !important;

4
static/css/style.css
View File

@ -481,10 +481,6 @@ li.highlight {
display: none; display: none;
} }
.dashboard-frame {
margin-top: 4rem !important;
}
.customizable.thumbnail img { .customizable.thumbnail img {
width: 60px; width: 60px;
height: 60px; height: 60px;