@@ -60,6 +60,29 @@ export function showBiometrics(
6060 text-color: #5c717b;
6161 text-align: center;
6262 }
63+ .user-nav {
64+ display: flex;
65+ justify-content: center;
66+ }
67+ button.logout {
68+ display:inline-block;
69+ padding:0.3em 1.2em;
70+ margin:0 0.1em 0.1em 0;
71+ border:0.16em solid rgba(255,255,255,0);
72+ border-radius:2em;
73+ box-sizing: border-box;
74+ text-decoration:none;
75+ font-family:'Roboto',sans-serif;
76+ font-weight:300;
77+ color:#FFFFFF;
78+ background-color:#f14e4e;
79+ text-shadow: 0 0.04em 0.04em rgba(0,0,0,0.35);
80+ text-align:center;
81+ transition: all 0.2s;
82+ }
83+ button.logout:hover{
84+ border-color: rgba(255,255,255,1);
85+ }
6386 </style>
6487</head>
6588<body>
@@ -72,7 +95,9 @@ export function showBiometrics(
7295 <h3 v-if="connected && !charging">{{ notionMessage }}</h3>
7396 <h3 v-if="connected && !charging">{{ flowMessage }}</h3>
7497 <div v-if="connected && !charging" id="graph" style="width:600px;height:250px;margin:auto;"></div>
75- <button v-on:click="logout">Logout</button>
98+ <div class="user-nav">
99+ <button class="logout" v-on:click="logout">Logout</button>
100+ </div>
76101 </div>
77102
78103 <script>
@@ -220,7 +245,7 @@ export function showBiometrics(
220245 console . log ( "Create and show a new webview" ) ;
221246 currentPanel = vscode . window . createWebviewPanel (
222247 "notion" , // Identifies the type of the webview. Used internally
223- "Notion Information " , // Title of the panel displayed to the user
248+ "Neurosity Notion " , // Title of the panel displayed to the user
224249 columnToShowIn , // Editor column to show the new webview panel in.
225250 {
226251 // Enable scripts in the webview
0 commit comments