about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch/features/compose/components/upload_progress.js
diff options
context:
space:
mode:
authorClaire <claire.github-309c@sitedethib.com>2022-11-06 13:30:37 +0100
committerClaire <claire.github-309c@sitedethib.com>2022-11-06 17:29:04 +0100
commit0be6da42d34f2a87864e0acab8836d3ac6463229 (patch)
treef4ad7926eea290f59657f219d7ef9cdb9630be56 /app/javascript/flavours/glitch/features/compose/components/upload_progress.js
parentc199387558e0e0ec824b5e66c4a1e22e8b2e135b (diff)
Change glitch-soc composer classes to match upstream
Diffstat (limited to 'app/javascript/flavours/glitch/features/compose/components/upload_progress.js')
-rw-r--r--app/javascript/flavours/glitch/features/compose/components/upload_progress.js13
1 files changed, 7 insertions, 6 deletions
diff --git a/app/javascript/flavours/glitch/features/compose/components/upload_progress.js b/app/javascript/flavours/glitch/features/compose/components/upload_progress.js
index c7c33c418..39ac31053 100644
--- a/app/javascript/flavours/glitch/features/compose/components/upload_progress.js
+++ b/app/javascript/flavours/glitch/features/compose/components/upload_progress.js
@@ -29,17 +29,18 @@ export default class UploadProgress extends React.PureComponent {
     }
 
     return (
-      <div className='composer--upload_form--progress'>
-        <Icon id='upload' />
+      <div className='upload-progress'>
+        <div className='upload-progress__icon'>
+          <Icon id='upload' />
+        </div>
 
-        <div className='message'>
+        <div className='upload-progress__message'>
           {message}
 
-          <div className='backdrop'>
+          <div className='upload-progress__backdrop'>
             <Motion defaultStyle={{ width: 0 }} style={{ width: spring(progress) }}>
               {({ width }) =>
-                (<div className='tracker' style={{ width: `${width}%` }}
-                />)
+                <div className='upload-progress__tracker' style={{ width: `${width}%` }} />
               }
             </Motion>
           </div>