fascano/web-menu-react-version-
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix logo container in tablet and desktop size

Browse Source
This commit is contained in:
Mohammed Al-yaseen
2025-11-25 23:03:05 +03:00
parent cc8705afdf
commit 36af620b02
5 changed files with 188 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
src/layouts/app/styles.css
View File

@@ -113,3 +113,73 @@
:where(.darkApp) .user-icon {
background: var(--primary-dark);
}
.header-floating-btn {
display: flex;
justify-content: space-between;
position: fixed;
z-index: 999;
right: 0;
top: 220px;
background-color: var(--secondary-background);
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border: 1px solid var(--border);
}
:where(.ant-app-rtl) .header-floating-btn {
left: 0;
right: auto;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
@media (min-width: 769px) and (max-width: 1024px) {
.header-floating-btn {
display: flex;
justify-content: space-between;
position: fixed;
z-index: 999;
right: 0;
top: 250px;
background-color: var(--secondary-background);
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border: 1px solid var(--border);
}
:where(.ant-app-rtl) .header-floating-btn {
left: 0;
right: auto;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
}
/* Desktop devices (min-width: 1025px) */
@media (min-width: 1025px) {
.header-floating-btn {
display: flex;
justify-content: space-between;
position: fixed;
z-index: 999;
right: 0;
top: 270px;
background-color: var(--secondary-background);
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border: 1px solid var(--border);
}
:where(.ant-app-rtl) .header-floating-btn {
left: 0;
right: auto;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
}