💄 Small style updates to themes and item

This commit is contained in:
Alicia Sykes 2021-08-22 17:54:59 +01:00
parent 3fdf9d51c9
commit 96021f7641
3 changed files with 16 additions and 10 deletions

View File

@ -12,7 +12,7 @@
:style="`--open-icon: ${getUnicodeOpeningIcon()}; ${customStyles}`" :style="`--open-icon: ${getUnicodeOpeningIcon()}; ${customStyles}`"
> >
<!-- Item Text --> <!-- 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> <span class="text">{{ title }}</span>
<p class="description">{{ description }}</p> <p class="description">{{ description }}</p>
</div> </div>
@ -319,6 +319,12 @@ export default {
.tile-title { .tile-title {
min-width: 100px; min-width: 100px;
max-width: 160px; max-width: 160px;
&.no-icon {
text-align: left;
width: 100%;
max-width: inherit;
margin-left: 0.5rem;
}
} }
} }
/* Large Tile Specific Themes */ /* Large Tile Specific Themes */

View File

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

View File

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