💄 Small style updates to themes and item

Lissy93 · Aug 22, 2021 · 96021f7 · 96021f7
1 parent 3fdf9d5
commit 96021f7
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 10 deletions.
diff --git a/src/components/LinkItems/Item.vue b/src/components/LinkItems/Item.vue
@@ -12,7 +12,7 @@
       :style="`--open-icon: ${getUnicodeOpeningIcon()}; ${customStyles}`"
     >
       <!-- Item Text -->
-      <div :class="`tile-title  ${!icon? 'bounce': ''}`" :id="`tile-${id}`" >
+      <div :class="`tile-title  ${!icon? 'bounce no-icon': ''}`" :id="`tile-${id}`" >
         <span class="text">{{ title }}</span>
         <p class="description">{{ description }}</p>
       </div>
@@ -319,6 +319,12 @@ export default {
     .tile-title {
       min-width: 100px;
       max-width: 160px;
+      &.no-icon {
+        text-align: left;
+        width: 100%;
+        max-width: inherit;
+        margin-left: 0.5rem;
+      }
     }
   }
   /* Large Tile Specific Themes */

diff --git a/src/styles/color-themes.scss b/src/styles/color-themes.scss
@@ -926,6 +926,8 @@ html[data-theme="dashy-docs"] {
     border: none;
     color: var(--background);
     font-weight: bold;
+    min-width: 5rem;
+    text-align: center;
   }
 
   .minimal-section-heading {

diff --git a/src/utils/defaults.js b/src/utils/defaults.js
@@ -38,29 +38,27 @@ module.exports = {
   builtInThemes: [
     'callisto',
     'thebe',
-    'dracula',
+    'oblivion',
     'material',
     'material-dark',
+    'dracula',
     'colorful',
-    'nord',
-    'nord-frost',
+    'dashy-docs',
     'minimal-dark',
     'minimal-light',
-    'oblivion',
+    'nord',
+    'nord-frost',
+    'cyberpunk',
     'matrix',
     'matrix-red',
-    'hacker-girl',
     'raspberry-jam',
     'bee',
     'tiger',
-    'blue-purple',
+    'vaporware',
     'material-original',
     'material-dark-original',
-    'cyberpunk',
-    'vaporware',
     'high-contrast-dark',
     'high-contrast-light',
-    'dashy-docs',
   ],
   /* Which structural components should be visible by default */
   visibleComponents: {