mirror/puter
1
0
Fork 0
mirror of https://github.com/HeyPuter/puter.git synced 2026-01-08 22:20:38 -06:00
Code Issues Packages Projects Releases Wiki Activity

tweak(ui): allow size changing on spinner

Browse Source
This commit is contained in:
KernelDeimos
2024-05-30 15:59:05 -04:00
parent 0672562c8a
commit 8e083d20d2
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/UI/Components/Spinner.js
View File

@@ -3,15 +3,19 @@ const Component = use('util.Component');
export default def(class Spinner extends Component {
static ID = 'ui.component.Spinner';
static PROPERTIES = {}
static PROPERTIES = {
size: {
value: 24,
},
}
// static RENDER_MODE = Component.NO_SHADOW;
create_template ({ template }) {
console.log('template?', template);
const size = '' + Number(this.get('size'));
template.innerHTML = /*html*/`
<div>
<svg style="display:block; margin: 0 auto; " xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
<svg style="display:block; margin: 0 auto; " xmlns="http://www.w3.org/2000/svg" height="${size}" width="${size}" viewBox="0 0 24 24">
<title>circle anim</title>
<g fill="#212121" class="nc-icon-wrapper">
<g class="nc-loop-circle-24-icon-f">