feat: started working on responsiveness

This commit is contained in:
Nick 2024-12-06 03:02:37 -06:00
parent 31be063412
commit d8ac47c5ee
3 changed files with 108 additions and 60 deletions

View file

@ -65,7 +65,7 @@ donateMakerMobile donate =
[ cardImageMakerMobile (donateImage donate)
, feeMaker donate
, preferenceMaker donate
, tableMaker donate
, tableMakerMobile donate
, proTitleMaker donate
, proMaker donate
, conTitleMaker donate
@ -333,6 +333,47 @@ tableMaker donate =
]
tableMakerMobile : Donate -> Element msg
tableMakerMobile donate =
column
[ centerX
, E.width fill
]
[ wrappedRow
(paragraphBoldFormat
++ [ E.alignLeft
, E.width fill
, htmlAttribute <| H.style "position" "relative"
]
)
[ E.table
[ spacing 0
, D.rounded 10
, D.width 2
, D.color colourTheme.textDarkGrey
, clip
]
{ data = donate.donateFeatures
, columns =
List.map createColumn
[ { label = "Free"
, getter = .free
}
, { label = "Subs"
, getter = .subscriptions
}
, { label = "Easy"
, getter = .userFriendly
}
, { label = "Safe"
, getter = .anonymous
}
]
}
]
]
createColumn : { label : String, getter : Features -> Maybe Bool } -> Column Features msg
createColumn { label, getter } =
{ header =