interaktionsweise/hippie
1
1
Fork 0
Code Issues Pull requests Releases 3 Activity Actions

feat: More styling for placeholder

Browse source
This commit is contained in:
sthag 2025-11-02 13:12:04 +01:00
parent a18b42bb2a
commit 50b43cdc2f
3 changed files with 47 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

38
source/code/windows.js
View file

@ -52,42 +52,62 @@ class HippieTaskBar {
if (!this.isDragging) return;
const closestEdge = getClosestEdge(this.placeholder);
const borderRadius = '16px';
const borderRadius = '4px';
const attributes = {
top: {
className: 'top',
styles: {
flexDirection: 'row',
borderStyle: '',
borderColor: '',
borderTopStyle: 'solid',
borderTopColor: 'white',
borderTopRightRadius: '',
borderBottomRightRadius: borderRadius,
borderBottomLeftRadius: borderRadius,
borderTopLeftRadius: '',
flexDirection: 'row'
borderTopLeftRadius: ''
}
},
right: {
className: 'right',
styles: {
flexDirection: 'column',
borderStyle: '',
borderColor: '',
borderRightStyle: 'solid',
borderRightColor: 'white',
borderTopRightRadius: '',
borderBottomRightRadius: '',
borderBottomLeftRadius: borderRadius,
borderTopLeftRadius: borderRadius,
flexDirection: 'column'
borderTopLeftRadius: borderRadius
}
},
bottom: {
className: 'bottom',
styles: {
flexDirection: 'row',
borderStyle: '',
borderColor: '',
borderBottomStyle: 'solid',
borderBottomColor: 'white',
borderTopRightRadius: borderRadius,
borderBottomRightRadius: '',
borderBottomLeftRadius: '',
borderTopLeftRadius: borderRadius,
flexDirection: 'row'
borderTopLeftRadius: borderRadius
}
},
left: {
className: 'left',
styles: {
flexDirection: 'column',
borderStyle: '',
borderColor: '',
borderLeftStyle: 'solid',
borderLeftColor: 'white',
borderTopRightRadius: borderRadius,
borderBottomRightRadius: borderRadius,
borderBottomLeftRadius: '',
borderTopLeftRadius: '',
flexDirection: 'column'
borderTopLeftRadius: ''
}
}
};