tyler.durden
/
dashy
mirror of https://github.com/Lissy93/dashy.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

💄 Re: #200 - Icon image assets max height

This commit is contained in:
Alicia Sykes 2021-09-04 14:02:16 +01:00
parent 51a45f2cc2
commit e65d4479ee
2 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/LinkItems/ItemIcon.vue
View File

@ -167,15 +167,23 @@ export default {
<style lang="scss">
/* Default Image Icon */
.tile-icon {
width: 2rem;
// filter: var(--item-icon-transform);
min-width: 1rem;
max-width: 2rem;
min-height: 1rem;
max-height: 2rem;
object-fit: cover;
filter: var(--item-icon-transform);
border-radius: var(--curve-factor);
&.broken { display: none; }
&.small {
width: 1.5rem;
max-width: 1.5rem;
max-height: 1.5rem;
}
&.large {
width: 3rem;
max-width: 3rem;
max-height: 3rem;
}
&.broken {
display: none;
}
}
/* Font-Awesome and Material Design Icons */

2
src/styles/dimensions.scss
View File

@ -16,7 +16,7 @@
--item-group-padding: 5px; // Determines width of item-group outline
--item-shadow: 1px 1px 2px #130f23;
--item-hover-shadow: 1px 2px 4px #373737;
--item-icon-transform: drop-shadow(2px 4px 6px var(--transparent-50)) saturate(0.65);
--item-icon-transform: drop-shadow(2px 4px 6px var(--transparent-50)) saturate(0.95);
--item-icon-transform-hover: drop-shadow(4px 8px 3px var(--transparent-50)) saturate(2);
--item-group-shadow: var(--item-shadow);
--context-menu-shadow: var(--item-shadow);