Benjamin Ottensten
fc76fd9f4f
* Update header navigation Logo, share button color, breadcrumb colors, spacings * Updates to main button component Shadows, border on secondary button, less spacings to icons * Update spacings in dialog after bew button styling * Use secondary button in embed dialog * Update select inputs Spacing, icon, border on dropdown, smaller avatars * Update inputs to use the new styling * Various copy updates * Update icons Smaller icons, outline instead of solid, removed some icons that were unnecessary * Switch order of actions in Delete dialog * Update styling of inline New model action * Remove strange BG effect on comments component * Update styling of hide/isolate actions in viewer Was necessary after the button styling change. But new copy also makes it more usable. * Fix alignment issue in selection info panel * Align styling in Viewer panel component * Clean up measure usage tips A permanent "Right click to cancel measurement" tip isn't needed * Panel spacing * Update actions in the add model to viewer dialog * Update permissions input in new project dialog * Two minor things * Remove unnecessary flex classes --------- Co-authored-by: andrewwallacespeckle <andrew@speckle.systems>
55 lines
1.5 KiB
Vue
55 lines
1.5 KiB
Vue
<template>
|
|
<div class="bg-foundation rounded-lg overflow-hidden shadow flex flex-col">
|
|
<div class="sticky top-0 z-50 flex flex-col bg-foundation">
|
|
<div
|
|
v-if="!hideClose"
|
|
class="absolute top-1.5 sm:top-2 right-0.5 sm:right-0 z-10"
|
|
>
|
|
<FormButton size="sm" color="secondary" text @click="$emit('close')">
|
|
<XMarkIcon class="size-3 text-primary sm:text-foreground" />
|
|
</FormButton>
|
|
</div>
|
|
<div
|
|
v-if="$slots.title"
|
|
class="flex items-center py-2 px-3 border-b border-outline-3 dark:border-foundation-2 bg-foundation"
|
|
>
|
|
<div
|
|
class="flex items-center h-full w-full pr-8 font-semibold sm:font-bold text-sm text-primary"
|
|
>
|
|
<span class="truncate">
|
|
<slot name="title"></slot>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
v-if="$slots.actions"
|
|
class="flex items-center h-8 gap-2 px-2 relative z-10"
|
|
:class="
|
|
moveActionsToBottom
|
|
? 'order-3 border-t border-outline-3 mt-2'
|
|
: 'order-2 shadow-md'
|
|
"
|
|
>
|
|
<slot name="actions"></slot>
|
|
</div>
|
|
<div :class="moveActionsToBottom ? 'order-2' : 'order-3'">
|
|
<slot></slot>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script setup lang="ts">
|
|
import { XMarkIcon } from '@heroicons/vue/24/solid'
|
|
defineEmits(['close'])
|
|
defineProps({
|
|
hideClose: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
moveActionsToBottom: {
|
|
type: Boolean,
|
|
default: false
|
|
}
|
|
})
|
|
</script>
|