github/directus
1
1
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-02-19 10:14:33 -05:00
Code Issues Packages Projects Releases Wiki Activity

Various style tweaks (#378)

Browse Source 
* public button width and color

* improve menu arrow styling

* menu arrow placement

* define project chooser border

* adjustable min width for menus

Co-authored-by: Rijk van Zanten <rijkvanzanten@me.com>
This commit is contained in:
Ben Haynes
2020-04-10 17:06:41 -04:00
committed by GitHub
parent 311404f092
commit 58a0337582
7 changed files with 71 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/views/private/components/project-chooser/project-chooser.vue
View File

@@ -88,6 +88,7 @@ export default defineComponent({
padding: 20px;
padding-top: 0;
background-color: var(--background-normal-alt);
box-shadow: 0px 4px 12px 0px rgba(38, 50, 56, 0.1);
}
.v-divider {

6
src/views/public/components/project-chooser/project-chooser.vue
View File

@@ -1,5 +1,5 @@
<template>
<v-menu v-if="project" show-arrow placement="bottom" close-on-content-click>
<v-menu v-if="project" show-arrow placement="bottom-start" close-on-content-click>
<template #activator="{ toggle }">
<div class="project-chooser" @click="toggle">
<div class="public-view-logo" v-if="project && project.logo">
@@ -53,6 +53,10 @@ export default defineComponent({
</script>
<style lang="scss" scoped>
.v-menu {
--v-menu-min-width: 300px;
}
.project-chooser {
display: flex;
align-items: center;