tyler.durden/dashy
1
0
Fork 0
mirror of https://github.com/Lissy93/dashy.git synced 2025-07-23 13:45:33 +02:00
Code Issues Packages Projects Releases Wiki Activity

💄 Re: #200 - Icon image assets max height

Browse Source
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"> <style lang="scss">
/* Default Image Icon */ /* Default Image Icon */
.tile-icon { .tile-icon {
width: 2rem; min-width: 1rem;
// filter: var(--item-icon-transform); max-width: 2rem;
min-height: 1rem;
max-height: 2rem;
object-fit: cover;
filter: var(--item-icon-transform);
border-radius: var(--curve-factor); border-radius: var(--curve-factor);
&.broken { display: none; }
&.small { &.small {
width: 1.5rem; max-width: 1.5rem;
max-height: 1.5rem;
} }
&.large { &.large {
width: 3rem; max-width: 3rem;
max-height: 3rem;
}
&.broken {
display: none;
} }
} }
/* Font-Awesome and Material Design Icons */ /* 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-group-padding: 5px; // Determines width of item-group outline
--item-shadow: 1px 1px 2px #130f23; --item-shadow: 1px 1px 2px #130f23;
--item-hover-shadow: 1px 2px 4px #373737; --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-icon-transform-hover: drop-shadow(4px 8px 3px var(--transparent-50)) saturate(2);
--item-group-shadow: var(--item-shadow); --item-group-shadow: var(--item-shadow);
--context-menu-shadow: var(--item-shadow); --context-menu-shadow: var(--item-shadow);