wassname/Open-Assistant
1
0
Fork 0
mirror of https://github.com/wassname/Open-Assistant.git synced 2026-08-18 11:40:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

Message Styling For Mobile

Browse Source 
Decreased padding for mobile and changed some styling to give better contrast
This commit is contained in:
rsandb
2023-01-13 19:57:46 -06:00
parent af8f17a55c
commit eb0988bee9
10 changed files with 81 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/src/components/Tasks/CreateTask.tsx
+2 -2
View File
@@ -12,7 +12,7 @@ export const CreateTask = ({
isDisabled,
onReplyChanged,
}: TaskSurveyProps<{ text: string }>) => {
const cardColor = useColorModeValue("gray.100", "gray.700");
const cardColor = useColorModeValue("gray.50", "gray.900");
const titleColor = useColorModeValue("gray.800", "gray.300");
const labelColor = useColorModeValue("gray.600", "gray.400");
@@ -42,7 +42,7 @@ export const CreateTask = ({
</Text>
</Stack>
{task.conversation ? (
<Box mt="4" p="6" borderRadius="lg" bg={cardColor}>
<Box mt="4" borderRadius="lg" bg={cardColor} className="p-3 sm:p-6">
<MessageTable messages={task.conversation.messages} />
</Box>
) : null}
website/src/components/Tasks/LabelTask.tsx
+2 -2
View File
@@ -3,11 +3,11 @@ import { Text, useColorModeValue } from "@chakra-ui/react";
import { useEffect, useState } from "react";
import { MessageView } from "src/components/Messages";
import { MessageTable } from "src/components/Messages/MessageTable";
import { LabelRadioGroup } from "src/components/Survey/LabelRadioGroup";
import { LabelSliderGroup } from "src/components/Survey/LabelSliderGroup";
import { TwoColumnsWithCards } from "src/components/Survey/TwoColumnsWithCards";
import { TaskSurveyProps } from "src/components/Tasks/Task";
import { TaskType } from "src/types/Task";
import { LabelSliderGroup } from "src/components/Survey/LabelSliderGroup";
import { LabelRadioGroup } from "src/components/Survey/LabelRadioGroup";
export const LabelTask = ({
task,