title: Custom Underline css on popup
body: <p>In <a href="https://codesandbox.io/s/vuetify-template-5tnmj?file=/src/App.vue" rel="nofollow noreferrer">my codesandbox</a>, I have 2 questions:</p>
  <ol>
  <li>how can I make custom underline css like this UI image below file name and below trash icon? I have used <code>text-decoration:none</code> but not as good as the UI.</li>
  <li>How can I make an url background center and how can I make input button to show only text 'Add Image' like the UI? I have used the <code>url</code> in the <code>background-image</code> and also used <code>display:none</code> for <code>input</code> type but it didn't work in the codesandbox</li>
  </ol>
  <p>Notes: I put all the code in the codesandbox so that this page is not too long and if you want to run the code please click <code>Open In New Window</code> below <code>sign in</code> button on the codesandbox menu</p>
  <p><a href="https://i.stack.imgur.com/KmYeb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KmYeb.png" alt="popup UI" /></a></p>