Make manager dock size dynamic

2026-04-06 15:53:46 +07:00
parent 17b5a87699
commit 3ea9753cc9
1 changed files with 4 additions and 4 deletions
--- a/app/assets/css/main.css
+++ b/app/assets/css/main.css
@@ -508,9 +508,9 @@ body {

 .manager-dock {
  pointer-events: auto;
-  display: grid;
-  width: min(100%, 18.5rem);
-  grid-template-columns: repeat(2, minmax(0, 1fr));
+  display: flex;
+  width: fit-content;
+  max-width: min(100%, calc(100vw - 2rem));
  gap: 0.5rem;
  border-radius: 1.75rem;
  background: rgba(255, 255, 255, 0.92);
@@ -524,7 +524,7 @@ body {

 .manager-dock__item {
  display: flex;
-  min-width: 0;
+  min-width: 5.5rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;