Skip to content

Commit 7ef600b

Browse files
BekibooBekiboo
authored
fix: adjust padding for mobile responsiveness in charter and wrap wysiwyg buttons (#725)
1 parent 46b062e commit 7ef600b

4 files changed

Lines changed: 17 additions & 17 deletions

File tree

‎platforms/group-charter-manager/src/app/charter/[id]/page.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -158,7 +158,7 @@ export default function CharterDetail({
158158

159159
if (isLoading) {
160160
return (
161-
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
161+
<div className="max-w-7xl mx-auto px-2 sm:px-6 lg:px-8 py-8">
162162
<div className="animate-pulse space-y-6">
163163
<div className="h-8 bg-black bg-opacity-10 rounded w-1/4" />
164164
<div className="h-96 bg-black bg-opacity-10 rounded-3xl" />
@@ -169,7 +169,7 @@ export default function CharterDetail({
169169

170170
if (!group) {
171171
return (
172-
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
172+
<div className="max-w-7xl mx-auto px-2 sm:px-6 lg:px-8 py-8">
173173
<div className="text-center">
174174
<h2 className="text-2xl font-bold text-gray-800">
175175
Charter not found
@@ -183,7 +183,7 @@ export default function CharterDetail({
183183
}
184184

185185
return (
186-
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 sm:py-8">
186+
<div className="max-w-7xl mx-auto px-2 sm:px-6 lg:px-8 py-4 sm:py-8">
187187
{/* Back Button */}
188188
<div className="mb-4 sm:mb-6">
189189
<Link href="/">
@@ -320,7 +320,7 @@ export default function CharterDetail({
320320
{/* Charter Details */}
321321
<div className="lg:col-span-2">
322322
<Card className="bg-white/70 backdrop-blur-xs rounded-3xl soft-shadow mb-6">
323-
<CardContent className="p-8">
323+
<CardContent className="p-2 sm:p-4 lg:p-6 xl:p-8">
324324
<h3 className="text-xl font-semibold text-gray-800 mb-6">
325325
Charter Content
326326
</h3>

‎platforms/group-charter-manager/src/app/create/page.tsx‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -131,7 +131,7 @@ export default function CreateCharter() {
131131
const onSubmit = async (data: CreateCharterForm) => {
132132
try {
133133
setIsSaving(true);
134-
134+
135135
// Update the group's charter
136136
await apiClient.put(`/api/groups/${data.groupId}/charter`, {
137137
charter: data.charter
@@ -158,7 +158,7 @@ export default function CreateCharter() {
158158

159159
// Filter groups to only show those without charters
160160
const groupsWithoutCharters = groups.filter(group => !group.charter || group.charter.trim() === '');
161-
161+
162162
// Filter groups based on search query (only for groups without charters)
163163
const filteredGroups = groupsWithoutCharters.filter(group =>
164164
group.name.toLowerCase().includes(searchQuery.toLowerCase()) ||
@@ -205,7 +205,7 @@ export default function CreateCharter() {
205205
All Groups Have Charters!
206206
</h2>
207207
<p className="text-gray-600 mb-6 max-w-md mx-auto">
208-
Great news! All of your groups already have charters attached.
208+
Great news! All of your groups already have charters attached.
209209
You can view and edit existing charters from the dashboard.
210210
</p>
211211
<Link href="/">
@@ -271,24 +271,24 @@ export default function CreateCharter() {
271271
className={cn(
272272
"w-full justify-between rounded-2xl border border-gray-200 bg-white/80 backdrop-blur-xs px-4 py-3 h-auto",
273273
!field.value &&
274-
"text-muted-foreground"
274+
"text-muted-foreground"
275275
)}
276276
>
277277
{field.value
278278
? groups?.find(
279-
(group) =>
280-
group.id ===
281-
field.value
282-
)?.name
279+
(group) =>
280+
group.id ===
281+
field.value
282+
)?.name
283283
: "Select a group..."}
284284
<ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
285285
</Button>
286286
</FormControl>
287287
</PopoverTrigger>
288288
<PopoverContent className="w-full p-0 rounded-2xl">
289289
<Command>
290-
<CommandInput
291-
placeholder="Search groups..."
290+
<CommandInput
291+
placeholder="Search groups..."
292292
value={searchQuery}
293293
onValueChange={setSearchQuery}
294294
/>

‎platforms/group-charter-manager/src/app/page.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -97,7 +97,7 @@ export default function Dashboard() {
9797

9898
if (statsLoading || chartersLoading) {
9999
return (
100-
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
100+
<div className="max-w-7xl mx-auto px-2 sm:px-6 lg:px-8 py-8">
101101
<div className="animate-pulse space-y-6">
102102
<div className="h-8 bg-black bg-opacity-10 rounded w-1/4" />
103103
<div className="grid grid-cols-1 md:grid-cols-3 gap-6">
@@ -140,7 +140,7 @@ export default function Dashboard() {
140140
};
141141

142142
return (
143-
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
143+
<div className="max-w-7xl mx-auto px-2 sm:px-6 lg:px-8 py-8">
144144
{/* Header Section */}
145145
<div className="mb-6 sm:mb-8">
146146
<div className="flex flex-col sm:flex-row sm:items-center sm:justify-between">

‎platforms/group-charter-manager/src/components/wysiwyg-editor.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,7 @@ export default function WysiwygEditor({ content, onChange, placeholder = "Enter
6161
return (
6262
<div className={cn("border border-gray-200 rounded-2xl bg-white/80 backdrop-blur-sm", className)}>
6363
{/* Toolbar */}
64-
<div className="flex items-center gap-1 p-3 border-b border-gray-200">
64+
<div className="flex flex-wrap items-center gap-0.5 sm:gap-1 p-1 sm:p-3 border-b border-gray-200">
6565
<Button
6666
type="button"
6767
variant="ghost"

0 commit comments

Comments
 (0)