leaflet.pub
a tool for shared writing and social publishing
adjust width of ActionButon in desktop
cozylittle.house
+4
-2
+4
-2
components/ActionBar/ActionButton.tsx
+4
-2
components/ActionBar/ActionButton.tsx
···
58
58
actionButton relative font-bold
59
59
rounded-md border
60
60
flex gap-2 items-center justify-start
61
-
w-max sm:w-[1000px] sm:max-w-full p-1
61
+
sm:w-full sm:max-w-full p-1
62
+
w-max
62
63
${smallOnMobile && "sm:text-base text-sm py-0! sm:py-1! sm:h-fit h-6"}
63
64
${
64
65
primary
···
74
75
>
75
76
<div className="shrink-0 flex flex-row gap-0.5">{icon}</div>
76
77
<div
77
-
className={`flex flex-col ${subtext && "leading-snug"} max-w-full min-w-0 mr-1 ${sidebar.open ? "block" : showLabelOnMobile ? "sm:hidden block" : "hidden"}`}
78
+
className={`flex flex-col ${subtext && "leading-snug"} sm:max-w-full min-w-0 mr-1 ${sidebar.open ? "block" : showLabelOnMobile ? "sm:hidden block" : "hidden"}`}
79
+
style={{ width: "-webkit-fill-available" }}
78
80
>
79
81
<div className="truncate text-left">{label}</div>
80
82
{subtext && (