CrystalMath/ui
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add edit buttom to statement

Browse Source
This commit is contained in:
Garrett Mills
2022-04-09 11:10:03 -05:00
parent a7266b3a21
commit cb8f828481
2 changed files with 61 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/Statement.vue
View File

@@ -25,16 +25,32 @@ computed(() => value = getValueStatement())
border: 1px solid #ccc;
border-radius: 3px;
padding: 10px;
display: flex;
flex-direction: row;
}
.content {
flex: 1;
}
.sidebar {
padding-left: 10px;
}
</style>
<template>
<div class="math-statement">
<Katex :statement="statement" size="big"/>
<div class="result" v-if="value">
<hr v-if="value" style="border: 1px solid #ccc; border-bottom: 0">
<Katex :statement="value" size="small" style="color: #666"/>
<div class="content">
<Katex :statement="statement" size="big"/>
<div class="result" v-if="value">
<hr v-if="value" style="border: 1px solid #ccc; border-bottom: 0">
<Katex :statement="value" size="small" style="color: #666"/>
</div>
</div>
<div class="sidebar">
<button>
<img src="../assets/edit.svg" alt="Edit" height="16">
</button>
</div>
</div>
</template>