rhymes fix style

This commit is contained in:
2025-10-13 13:54:09 +02:00
parent 1893645de3
commit 707c30817c
2 changed files with 9 additions and 6 deletions
@@ -282,7 +282,9 @@ const ListSelection = ({
const showHoverOutline = isHovered && !sel; const showHoverOutline = isHovered && !sel;
const showSelectionOutline = const showSelectionOutline =
!isWeb && !isWeb &&
(variant === "simple" || variant === "emotion" || variant === "titleDescription") && (variant === "simple" ||
variant === "emotion" ||
variant === "titleDescription") &&
sel; sel;
const baseContent = const baseContent =
+6 -5
View File
@@ -1,10 +1,11 @@
import { View, StyleSheet } from "react-native";
import React, { useState } from "react"; import React, { useState } from "react";
import CreateLyricsHeader from "./components/CreateLyricsHeader"; import { StyleSheet, View } from "react-native";
import { Palette } from "../../styles";
import { FONT_FAMILY } from "../../styles/Fonts";
import ItemContainer from "../../components/ItemContainer/ItemContainer"; import ItemContainer from "../../components/ItemContainer/ItemContainer";
import ListSelection from "../../components/ListSelection/ListSelection"; import ListSelection from "../../components/ListSelection/ListSelection";
import { isWeb } from "../../hooks/useLayoutType";
import { Palette } from "../../styles";
import { FONT_FAMILY } from "../../styles/Fonts";
import CreateLyricsHeader from "./components/CreateLyricsHeader";
const Rhymes = ({ selected: selectedProp, setSelected: setSelectedProp }) => { const Rhymes = ({ selected: selectedProp, setSelected: setSelectedProp }) => {
const [internalSelected, setInternalSelected] = useState(null); const [internalSelected, setInternalSelected] = useState(null);
@@ -16,7 +17,7 @@ const Rhymes = ({ selected: selectedProp, setSelected: setSelectedProp }) => {
return ( return (
<View style={{ flex: 1, gap: 10, marginTop: 16 }}> <View style={{ flex: 1, gap: 10, marginTop: 16 }}>
<CreateLyricsHeader title="Avec ou sans rimes" /> <CreateLyricsHeader title="Avec ou sans rimes" />
<ItemContainer height={200}> <ItemContainer height={isWeb ? "auto" : 200}>
<ListSelection <ListSelection
options={["Avec rimes", "Sans rimes", "Mélange des deux"]} options={["Avec rimes", "Sans rimes", "Mélange des deux"]}
variant="simple" variant="simple"