VladPolskiy/nextcloud-spreed
1
0
Fork 0
mirror of https://github.com/nextcloud/spreed.git synced 2025-07-22 12:01:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

style(Quote): add more spacing to the component

Browse Source 
Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
This commit is contained in:
Maksim Sukharev
2025-07-15 10:33:59 +02:00
parent 2df141e7de
commit 32ff163b6e
1 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/Quote.vue
View File

@ -198,7 +198,6 @@ function handleQuoteClick() {
<NcButton v-if="canCancel" <NcButton v-if="canCancel"
class="quote__close" class="quote__close"
variant="tertiary" variant="tertiary"
size="small"
:title="t('spreed', 'Cancel quote')" :title="t('spreed', 'Cancel quote')"
:aria-label="t('spreed', 'Cancel quote')" :aria-label="t('spreed', 'Cancel quote')"
@click="handleAbort"> @click="handleAbort">
@ -214,15 +213,15 @@ function handleQuoteClick() {
.quote { .quote {
position: relative; position: relative;
padding-block: calc(0.5 * var(--default-grid-baseline)); padding-block: var(--default-grid-baseline);
padding-inline: calc(1.5 * var(--default-grid-baseline)) var(--default-clickable-area); padding-inline: calc(2 * var(--default-grid-baseline)) var(--default-clickable-area);
margin-bottom: var(--default-grid-baseline);
display: flex; display: flex;
gap: var(--default-grid-baseline); gap: var(--default-grid-baseline);
max-width: $messages-text-max-width; max-width: $messages-text-max-width;
min-height: var(--clickable-area-small); min-height: var(--default-clickable-area);
border-radius: var(--border-radius-large); border-radius: var(--border-radius-large);
border: 2px solid var(--color-border); border: 2px solid var(--color-border);
font-size: var(--font-size-small);
color: var(--color-text-maxcontrast); color: var(--color-text-maxcontrast);
background-color: var(--color-main-background); background-color: var(--color-main-background);
overflow: hidden; overflow: hidden;
@ -280,7 +279,7 @@ function handleQuoteClick() {
&-author { &-author {
display: flex; display: flex;
align-items: center; align-items: center;
gap: calc(0.5 * var(--default-grid-baseline)); gap: var(--default-grid-baseline);
&-info { &-info {
flex-shrink: 0; flex-shrink: 0;