💄 Chests in dark mode

MarceauKa · Oct 15, 2019 · bbbac11 · bbbac11
1 parent 10b4e43
commit bbbac11
Show file tree

Hide file tree

Showing 9 changed files with 16 additions and 9 deletions.
diff --git a/changelog.md b/changelog.md
@@ -12,6 +12,7 @@
 ## Fixed
 
 - Search global shortcut on Firefox
+- Chest password are now readonly
 
 # 1.2.16
 

diff --git a/public/css/app.css b/public/css/app.css
diff --git a/public/js/app.js b/public/js/app.js
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
@@ -1,6 +1,6 @@
 {
-    "/js/app.js": "/js/app.js?id=52537bf583fd0a3e4434",
-    "/css/app.css": "/css/app.css?id=7778eb81fe4d57f77431",
+    "/js/app.js": "/js/app.js?id=ce7ca860bcaafd4433f7",
+    "/css/app.css": "/css/app.css?id=03413220182baf834592",
     "/js/manifest.js": "/js/manifest.js?id=3c768977c2574a34506e",
     "/js/vendor.js": "/js/vendor.js?id=7041de7f24eb20cb2ab9"
 }
diff --git a/resources/js/components/ChestForm.vue b/resources/js/components/ChestForm.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="card">
+    <div class="card card--chest">
         <div class="card-body">
             <div class="form-group">
                 <label for="title">{{ __('Title') }}</label>

diff --git a/resources/js/components/ChestLines.vue b/resources/js/components/ChestLines.vue
@@ -41,7 +41,7 @@
                             <div class="col-12 col-md-8">
                                 <div class="input-group">
                                     <textarea class="form-control" rows="5" name="value" v-model="item.value" v-if="item.type === 'code'"></textarea>
-                                    <input type="text" class="form-control" name="value" v-model="item.value" v-else>
+                                    <input type="text" class="form-control" name="value" v-model="item.value" autocomplete="off" v-else>
 
                                     <div class="input-group-append">
                                         <confirm tag="button" class="btn btn-outline-secondary" @confirmed="deleteLine(item)" text="&times;" text-confirm="&#10003;"></confirm>
@@ -69,7 +69,7 @@
                     <a :href="line.value" target="_blank" v-if="line.type === 'url'">{{ line.value }}</a>
 
                     <div class="input-group input-group-sm" v-else-if="line.type === 'password'">
-                        <input type="password" class="form-control" :value="line.value">
+                        <input type="password" class="form-control" autocomplete="off" :value="line.value" readonly>
 
                         <div class="input-group-append">
                             <button class="btn btn-outline-secondary" type="button" @click="toggleShowPassword($event, key)">{{ __('Show') }}</button>

diff --git a/resources/js/components/LinkForm.vue b/resources/js/components/LinkForm.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="card">
+    <div class="card card--link">
         <div class="card-body">
             <div class="form-group">
                 <label for="url">{{ __('URL') }}</label>

diff --git a/resources/js/components/StoryForm.vue b/resources/js/components/StoryForm.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="card">
+    <div class="card card--story">
         <div class="card-body">
             <div class="form-group">
                 <label for="title">{{ __('Title') }}</label>

diff --git a/resources/sass/_dark.scss b/resources/sass/_dark.scss
@@ -15,6 +15,12 @@ body.dark {
                 @extend .btn-outline-primary;
             }
         }
+
+        &.card--chest {
+            .btn-outline-secondary {
+                @extend .btn-outline-light;
+            }
+        }
     }
 
     .dropdown {