Formatting and typos

src/pages/settings/components/Theming/ThemeModal.tsx

@@ -32,7 +32,7 @@ function ThemeModal({
 	closePicker,
 	handleSaveTheme,
 }: any) {
-	const { theme } = useCommonHooks();
+	const { theme, isMobile } = useCommonHooks();
 	const viewportRef = useRef<HTMLDivElement>(null);
 	const [query, setQuery] = useState('');
 	const [hovered, setHovered] = useState(-1);
@@ -112,6 +112,7 @@ function ThemeModal({
 			classNames={modalClasses}
 			opened={opened}
 			onClose={handleClose}
+			fullScreen={isMobile}
 			style={{
 				'--color-text-pri': theme.primaryColor,
 				'--color-text-acc': theme.accentColor,

src/pages/settings/components/Theming/ThemePlaylistModal.tsx

@@ -23,7 +23,7 @@ function ThemePlaylistModal({
 	handleSavePlaylist,
 	allThemes,
 }: any) {
-	const { theme } = useCommonHooks();
+	const { theme, isMobile } = useCommonHooks();
 	const [themeList, setThemeList] = useState<any>('[]');
 	useEffect(() => {
 		if (selectedPlaylist.themeList) {
@@ -36,6 +36,7 @@ function ThemePlaylistModal({
 			className={modalClasses.editThemeModal}
 			classNames={modalClasses}
 			opened={opened}
+			fullScreen={isMobile}
 			onClose={() => {
 				handleClose();
 				setThemeList('[]');