marius/floppy-venture
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

design tweaks

Browse Source
This commit is contained in:
Marius Unsel 2026-02-26 01:59:35 +01:00
parent d2c71a22d1
commit b2e9e784e5
3 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Editor.tsx
View File

@ -102,7 +102,7 @@ const FnContainers = ({ code, dropZoneZIdx, setDropZoneZIdx, remove, insert }) =
code.map((cv, idx) => { code.map((cv, idx) => {
return ( return (
<div className="fncontainer" key={idx} > <div className="fncontainer" key={idx} >
<h3>{cv.name + "(){"}</h3> <h2>{cv.name + "(){"}</h2>
<div style={{ height: Math.floor(cv.nMaxBlocks / 4 + 1) * 4 + 'rem' }}> <div style={{ height: Math.floor(cv.nMaxBlocks / 4 + 1) * 4 + 'rem' }}>
<OpIndicators n={cv.nMaxBlocks} /> <OpIndicators n={cv.nMaxBlocks} />
<div className="ops" > <div className="ops" >
@ -120,7 +120,7 @@ const FnContainers = ({ code, dropZoneZIdx, setDropZoneZIdx, remove, insert }) =
insert={insert} insert={insert}
style={{ zIndex: dropZoneZIdx }} /> style={{ zIndex: dropZoneZIdx }} />
</div> </div>
<h3>{"}"}</h3> <h2>{"}"}</h2>
</div>) </div>)
}) })
} }

6
src/components/talkyFace.tsx
View File

@ -46,13 +46,13 @@ class TalkyFace extends Component<TalkyFaceProps> {
this.scene.background = new THREE.Color(0x555555); this.scene.background = new THREE.Color(0x555555);
// LIGHTS // LIGHTS
this.scene.add(new THREE.HemisphereLight(0x443333, 0x111122,30)); this.scene.add(new THREE.HemisphereLight(0x443333, 0x111122,3));
let pl = new THREE.PointLight(0xFFFFFFF, 1, 1000); let pl = new THREE.PointLight(0xFFFFFFF, 10, 0,0.3);
pl.position.set(50, -50, 10); pl.position.set(50, -50, 10);
this.scene.add(pl); this.scene.add(pl);
let pl1 = new THREE.PointLight(0xFFFFFFF, 1, 1000); let pl1 = new THREE.PointLight(0xFFFFFFF, 10,0,0.3);
pl1.position.set(-50, 50, 50); pl1.position.set(-50, 50, 50);
this.scene.add(pl1); this.scene.add(pl1);

26
src/index.css
View File

@ -92,11 +92,12 @@ h1 {
width:16rem; width:16rem;
margin-bottom:0.8rem; margin-bottom:0.8rem;
height:12rem; height:12rem;
background:#2D2A2E;
} }
.fncontainer h3 { .fncontainer h2 {
text-indent:-2rem; text-indent:-2rem;
color:#9bf; color:#AB9DF2;
display:block; display:block;
margin-bottom:0.5rem; margin-bottom:0.5rem;
margin-top:0.4rem; margin-top:0.4rem;
@ -115,8 +116,8 @@ h1 {
.op { .op {
list-style-type:none; list-style-type:none;
background:#444; background:#3E3D32;
border: 0.1rem solid black; border: 0.1rem solid #49483E;
border-radius: 0.2rem; border-radius: 0.2rem;
width:3.8rem; width:3.8rem;
height:3.8rem; height:3.8rem;
@ -130,7 +131,7 @@ h1 {
} }
.opspalette { .opspalette {
background:#122; background:#1E1F1C;
display:flex; display:flex;
flex-flow: row; flex-flow: row;
padding-top: 1.6rem; padding-top: 1.6rem;
@ -143,14 +144,15 @@ h1 {
display:flex; display:flex;
flex-flow: row wrap; flex-flow: row wrap;
position:absolute; position:absolute;
z-index:-2; z-index:0;
width:16rem; width:16rem;
} }
.opindicator { .opindicator {
width:4rem; width:4rem;
height:4rem; height:4rem;
background:#555; background:#444640;
} }
.opdropzones { .opdropzones {
@ -163,8 +165,6 @@ h1 {
.opdropzone { .opdropzone {
width:4rem; width:4rem;
height:4rem; height:4rem;
background:#1119;
} }
.frontdropper { .frontdropper {
@ -176,12 +176,12 @@ h1 {
margin-top:1rem; margin-top:1rem;
margin-bottom:0.4rem; margin-bottom:0.4rem;
margin-left:2rem; margin-left:2rem;
color:#666; color:#FCFCFA;
user-select:none; user-select:none;
} }
.titlebar{ .titlebar{
background:#122; background:#1E1F1C;
width:100%; width:100%;
display:flex; display:flex;
flex-direction:row; flex-direction:row;
@ -203,8 +203,8 @@ h1 {
width:100%; width:100%;
height:100vh; height:100vh;
font-family:iosevka; font-family:iosevka;
color:#fff; color:#FCFCFA;
border-left: solid #112 0.4rem; background:#2D2A2E;
} }
.controlbuttons { .controlbuttons {