1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-19 13:19:43 +02:00
documize/gui/app/components/ui/ui-spacer.js
Harvey Kandola 62c3cd03ad [WIP] Improve master layout for different devices + product growth
We have two pressing needs:

1. Improve experience on real estate challenged devices.
2. Make room for product feature-set growth.

To hit these targets, we need to develop better UX through smarter on-screen space management.
2019-05-20 10:39:48 +01:00

49 lines
985 B
JavaScript

// Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved.
//
// This software (Documize Community Edition) is licensed under
// GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html
//
// You can operate outside the AGPL restrictions by purchasing
// Documize Enterprise Edition and obtaining a commercial license
// by contacting <sales@documize.com>.
//
// https://documize.com
import { computed } from '@ember/object';
import Component from '@ember/component';
export default Component.extend({
classNames: [],
classNameBindings: ['calcClass'],
size: 500,
calcClass: computed(function() {
let size = parseInt(this.size, 10);
switch(size) {
case 100:
return 'spacer-100';
case 200:
return 'spacer-200';
case 300:
return 'spacer-300';
case 400:
return 'spacer-400';
case 500:
return 'spacer-500';
case 600:
return 'spacer-600';
case 700:
return 'spacer-700';
}
return 'spacer-100';
}),
});