@schoolio/player 1.4.2 → 1.4.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -1021,12 +1021,14 @@ var defaultStyles = {
1021
1021
  fontFamily: "system-ui, -apple-system, sans-serif",
1022
1022
  width: "100%",
1023
1023
  height: "100%",
1024
+ maxHeight: "calc(100vh - 40px)",
1024
1025
  padding: "20px",
1025
1026
  backgroundColor: "#ffffff",
1026
1027
  borderRadius: "12px",
1027
1028
  boxSizing: "border-box",
1028
1029
  display: "flex",
1029
- flexDirection: "column"
1030
+ flexDirection: "column",
1031
+ overflow: "hidden"
1030
1032
  },
1031
1033
  header: {
1032
1034
  marginBottom: "20px",
@@ -1053,8 +1055,7 @@ var defaultStyles = {
1053
1055
  color: "#6b7280"
1054
1056
  },
1055
1057
  progressBar: {
1056
- width: "50%",
1057
- maxWidth: "300px",
1058
+ width: "100%",
1058
1059
  height: "8px",
1059
1060
  backgroundColor: "#e5e7eb",
1060
1061
  borderRadius: "4px",
@@ -1081,6 +1082,7 @@ var defaultStyles = {
1081
1082
  gap: "8px"
1082
1083
  },
1083
1084
  option: {
1085
+ width: "100%",
1084
1086
  padding: "12px 16px",
1085
1087
  border: "2px solid #e5e7eb",
1086
1088
  borderRadius: "8px",
@@ -1090,7 +1092,8 @@ var defaultStyles = {
1090
1092
  boxShadow: "none",
1091
1093
  backgroundColor: "#ffffff",
1092
1094
  WebkitTapHighlightColor: "transparent",
1093
- userSelect: "none"
1095
+ userSelect: "none",
1096
+ boxSizing: "border-box"
1094
1097
  },
1095
1098
  optionSelected: {
1096
1099
  borderColor: "#6721b0",
@@ -1172,18 +1175,22 @@ var defaultStyles = {
1172
1175
  gap: "24px",
1173
1176
  flex: 1,
1174
1177
  minHeight: 0,
1175
- alignItems: "stretch"
1178
+ alignItems: "stretch",
1179
+ overflow: "hidden"
1176
1180
  },
1177
1181
  quizContent: {
1178
1182
  flex: 1,
1179
1183
  minWidth: 0,
1184
+ minHeight: 0,
1180
1185
  overflow: "auto"
1181
1186
  },
1182
1187
  chatPanel: {
1183
1188
  width: "320px",
1184
1189
  flexShrink: 0,
1185
1190
  display: "flex",
1186
- flexDirection: "column"
1191
+ flexDirection: "column",
1192
+ minHeight: 0,
1193
+ overflow: "hidden"
1187
1194
  },
1188
1195
  timer: {
1189
1196
  fontSize: "14px",