hacklab/strudel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: minirepl styles

Browse source
This commit is contained in:
Felix Roos 2023-02-01 22:30:24 +01:00
parent 9ec3fee455
commit 6f5f8cc7d8
6 changed files with 7 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

2
packages/react/src/components/Icon.tsx
View file

@ -2,7 +2,7 @@ import React from 'react';
export function Icon({ type }) {
return (
<svg xmlns="http://www.w3.org/2000/svg" className="sc-h-5 sc-w-5" viewBox="0 0 20 20" fill="currentColor">
<svg xmlns="http://www.w3.org/2000/svg" className="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
{
{
refresh: (

4
packages/react/src/components/MiniRepl.jsx
View file

@ -101,7 +101,7 @@ export function MiniRepl({ tune, hideOutsideView = false, enableKeyboard, drawTi
<div className={styles.container} ref={ref}>
<div className={styles.header}>
<div className={styles.buttons}>
<button className={cx(styles.button, started ? 'sc-animate-pulse' : '')} onClick={() => togglePlay()}>
<button className={cx(styles.button, started ? 'animate-pulse' : '')} onClick={() => togglePlay()}>
<Icon type={started ? 'stop' : 'play'} />
</button>
<button className={cx(isDirty ? styles.button : styles.buttonDisabled)} onClick={() => activateCode()}>
@ -126,7 +126,7 @@ export function MiniRepl({ tune, hideOutsideView = false, enableKeyboard, drawTi
></canvas>
)}
{!!log.length && (
<div className="sc-bg-gray-800 sc-rounded-md sc-p-2">
<div className="bg-gray-800 rounded-md p-2">
{log.map(({ message }, i) => (
<div key={i}>{message}</div>
))}