guides and tutorial links added to the onboarding page

This commit is contained in:
mic 2026-03-04 22:46:33 +01:00
parent 1ea2d47e61
commit 629688b6b8
2 changed files with 44 additions and 2 deletions

View file

@ -47,6 +47,7 @@ h2 {
background: light-dark(#fff, #27272a);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
border-radius: 10px;
position: relative;
}
.section {
@ -216,4 +217,40 @@ h2 {
#integration_permission_ok:hover {
background-color: darkgreen;
transform: scale(1.05);
}
#onboarding_doc_panel {
position: absolute;
top: 20px;
right: 20px;
z-index: 100;
display: flex;
flex-direction: column;
gap: 8px;
padding: 14px 18px;
background: light-dark(#fff, #303036);
border-radius: 10px;
box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.18);
font-size: 15px;
min-width: 170px;
}
#onboarding_doc_panel .doc_panel_title {
font-weight: bold;
color: light-dark(#333, #fff);
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.04em;
margin-bottom: 2px;
border-bottom: 1px solid light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.1));
padding-bottom: 6px;
}
#onboarding_doc_panel a {
color: #0a84ff;
text-decoration: none;
}
#onboarding_doc_panel a:hover {
text-decoration: underline;
}

View file

@ -13,8 +13,7 @@
<link rel="icon" href="../../images/icon-16px.png">
</head>
<body>
<div class="content">
<div id="chatgpt_web_permission">__MSG_ask_chatgptweb_permission_1__
<div id="chatgpt_web_permission">__MSG_ask_chatgptweb_permission_1__
<br>__MSG_ask_integration_permission_2__
</div>
<div id="openai_api_permission">__MSG_ask_openai_api_permission_1__
@ -24,6 +23,12 @@
<br>__MSG_ask_integration_permission_2__
</div>
<div id="integration_permission_ok">__MSG_ask_integration_permission_ok__</div>
<div class="content">
<div id="onboarding_doc_panel">
<span class="doc_panel_title">__MSG_prefs_doc_title__</span>
<a href="https://micz.it/thunderbird-addon-thunderai/guides/" target="_blank">__MSG_prefs_doc_setup_guide__</a>
<a href="https://micz.it/thunderbird-addon-thunderai/tutorial/" target="_blank">__MSG_prefs_doc_custom_prompt_tutorial__</a>
</div>
<div class="section header">
<h1><img src="../../images/icon.png" class="title-icon"/>ThunderAI</h1>
<p>