I am currently trying to add custom style to a panel and the following code works, but in fact is really ugly and non reusable.
In which folder and file should I write the corresponding css class and what's the correct way to bind it to this component?.
Note that I'm trying to define a style for every component of this type.
Ext.define('MyProject.view.main.Main', {
extend: 'Ext.container.Container',
style: 'margin: 0; padding: 0; border: 0; text-align: center; background: #ecf0f1 url(resources/bg.jpg) no-repeat center 0;',
...
});