Updated all long style names to be more compact

• Updated:
- all long style names to be more compact

app/javascript/gabsocial/components/image_loader.js

@@ -142,9 +142,9 @@ class ImageLoader extends React.PureComponent {
     // }
 
     const className = CX({
-      default: 1,
-      width100PC: 1,
-      height100PC: 1,
+      _: 1,
+      w100PC: 1,
+      h100PC: 1,
       // 'image-loader--loading': loading,
       // 'image-loader--amorphous': !this.hasSize(),
     });
@@ -154,7 +154,7 @@ class ImageLoader extends React.PureComponent {
         <LoadingBar loading={loading ? 1 : 0} className='loading-bar' style={{ width: this.state.width || width }} />
         {loading ? (
           <canvas
-            className={[_s.default, _s.objectFitCover].join(' ')}
+            className={[_s._, _s.objectFitCover].join(' ')}
             ref={this.setCanvasRef}
             width={width}
             height={height}