Commit 62e9b49b authored by Joel Collins's avatar Joel Collins
Browse files

Rearranged connect panel

parent 3c7cd43e

src/App.vue

+12 −12
Original line number Diff line number Diff line
@@ -95,36 +95,36 @@ export default { 
            placement: "bottom"

          }

        },

        ...(this.isElectron && !this.liteMode

        ...(!this.liteMode

          ? [

              {

                target: "#nearby-connections-grid",

                target: "#new-connection-card",

                header: {

                  title: "Nearby microscopes"

                  title: "New connection"

                },

                content: `Connect to microscopes found on your network`

                content: `Connect locally if you're running on a microscope, \nor open a new remote connection to a microscope`

              }

            ]

          : []),

        ...(!this.liteMode

        ...(this.isElectron && !this.liteMode

          ? [

              {

                target: "#saved-connections-grid",

                target: "#nearby-connections-grid",

                header: {

                  title: "Saved microscopes"

                  title: "Nearby microscopes"

                },

                content: `Connect to your saved microscopes for faster access`

                content: `Connect to microscopes found on your network`

              }

            ]

          : []),

        ...(!this.liteMode

          ? [

              {

                target: "#new-connection-card",

                target: "#saved-connections-grid",

                header: {

                  title: "New connection"

                  title: "Saved microscopes"

                },

                content: `Connect locally if you're running on a microscope, \nor open a new remote connection to a microscope`

                content: `Connect to your saved microscopes for faster access`

              }

            ]

          : []),
@@ -367,7 +367,7 @@ html { 


// Style tour

.v-tour__target--highlighted {

  box-shadow: 0px 40px 160px 20px rgba(0, 0, 0, 0.5),

  box-shadow: 0px 40px 200px 30px rgba(0, 0, 0, 0.5),

    0px 0px 0px 4px rgba(128, 128, 128, 0.5) !important;

  border-radius: 5px;

  opacity: 100% !important;

src/components/viewComponents/connectDisplay.vue

+2 −6
Original line number Diff line number Diff line
@@ -2,7 +2,7 @@ 
  <div class="connectDisplay uk-padding uk-padding-remove-left">

    <div

      uk-grid

      class="uk-height-1-1 uk-margin-remove uk-padding-remove"

      class="uk-height-1-1 uk-margin-remove uk-padding-remove uk-flex-column"

      margin="0"

    >

      <div class="uk-width-auto">
@@ -409,8 +409,4 @@ export default { 
</script>



<!-- Add "scoped" attribute to limit CSS to this component only -->

<style scoped lang="less">

.connect-card-align-top {

  margin-top: 52px;

}

</style>
 
<style scoped lang="less"></style>