Use a scope style instead

2025-09-09 09:30:16 +02:00
parent ab4607bf0e
commit 2a089eab08
2 changed files with 22 additions and 2 deletions
@@ -191,7 +191,7 @@ onMounted(async () => {
          </div>
          <div v-else>
            <p>{{ $t('profile.createAppPassword.description') }}</p>
-            <div style="display: flex; width: 100%; gap: 5px">
+            <div class="copy-container">
              <TextInput v-model="addedPassword" readonly/>
              <Button tool @click="onCopyToClipboard(addedPassword)" icon="fa fa-clipboard" />
            </div>
@@ -220,3 +220,13 @@ onMounted(async () => {
    </Section>
  </div>
 </template>
+
+<style scoped>
+
+.copy-container {
+  display: flex;
+  width: 100%;
+  gap: 5px;
+}
+
+</style>