cartodb4/cartodb
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
zhongjin
2020-06-15 10:58:47 +08:00
commit 4f1dfe7564
8590 changed files with 1516878 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/assets/javascripts/new-dashboard/components/MapCard/fakes/CondensedMapCardFake.vue
+72
View File
@@ -0,0 +1,72 @@
<template>
<div class="condensed-fake-row">
<div class="viz-column--main-info">
<div class="cell-placeholder cell--icon">
<div class="icon-placeholder"/>
</div>
<div class="cell-placeholder cell--main">
<div class="text-placeholder"/>
</div>
</div>
<div class="viz-column--extra-info">
<div class="viz-column--status u-flex__justify--between">
<div class="cell-placeholder cell--large">
<div class="text-placeholder"/>
</div>
<div class="cell-placeholder cell--xsmall">
<div class="text-placeholder"/>
</div>
</div>
<div class="viz-column--share">
<div class="cell-placeholder cell--small">
<div class="text-placeholder"/>
</div>
<div class="cell-placeholder cell--quick-actions">
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'CondensedMapCardFake'
};
</script>
<style scoped lang="scss">
@import 'new-dashboard/styles/variables';
.condensed-fake-row {
display: flex;
align-items: center;
width: 100%;
height: 80px;
padding: 0 14px;
background-color: $white;
}
.icon-placeholder {
width: 48px;
height: 48px;
border-radius: 2px;
background-color: $softblue;
}
.text-placeholder {
height: 24px;
background-color: $softblue;
}
.cell-placeholder {
padding: 0 10px;
}
.cell--icon {
padding: 0 10px 0 0;
}
.cell--quick-actions {
padding: 0 18px;
}
</style>