new schema types styling

relax · Mar 30, 2016 · 8cbb445 · 8cbb445
1 parent d096326
commit 8cbb445
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 8 deletions.
diff --git a/assets/images/admin/data-schema-icon.png b/assets/images/admin/data-schema-icon.png
diff --git a/assets/images/admin/url-schema-icon.png b/assets/images/admin/url-schema-icon.png
diff --git a/lib/shared/screens/admin/screens/schemas/shared/components/builder/types.jsx b/lib/shared/screens/admin/screens/schemas/shared/components/builder/types.jsx
@@ -11,13 11,13 @@ export default class SchemaBuilder extends Component {
  <div className={styles.header}>What type of content is this?</div>
  <div className={styles.options}>
  <button className={styles.option}>
- <i className='nc-icon-outline design_webpage'></i>
  <img className={styles.icon} src='/images/admin/url-schema-icon.png' width='64' />
  <div className={styles.title}>With URL</div>
  <div className={styles.subTitle}>Single Page</div>
  </button>
  <div className={styles.or}>or</div>
  <button className={styles.option}>
- <i className='nc-icon-outline files_single-copy-04'></i>
  <img className={styles.icon} src='/images/admin/data-schema-icon.png' width='64' />
  <div className={styles.title}>Without URL</div>
  <div className={styles.subTitle}>Multiple Table Entries</div>
  </button>

diff --git a/lib/shared/screens/admin/screens/schemas/shared/components/builder/types.less b/lib/shared/screens/admin/screens/schemas/shared/components/builder/types.less
@@ -33,25 33,29 @@
 .or {
  line-height: 320px;
  font-size: 26px;
  font-weight: 600;
  color: @adminText;
- padding: 0 30px;
  padding: 0 50px;
 }
 
 .option {
  width: 320px;
  height: 320px;
  border-radius: 50%;
- border: 1px solid @adminBorders;
  border: 1px solid @adminTextSub;
 
- :global i {
- display: block;
- font-size: 60px;
- color: @adminText;
  &:hover {
  border-color: @primary;
  }
 }
 
 .icon {
  margin-bottom: 20px;
 }
 
 .title {
  font-size: 36px;
  font-weight: 600;
  color: @adminText;
 }