clone/logseq
1
0
Fork 0
mirror of https://github.com/logseq/logseq.git synced 2026-05-01 09:26:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Feat: The new login UI (#8865)

Browse Source 
Built-in login UI instead of callback

---------

Co-authored-by: rcmerci <rcmerci@gmail.com>
Co-authored-by: Konstantinos Kaloutas <konstantinos@logseq.com>
Co-authored-by: Tienson Qin <tiensonqin@gmail.com>
This commit is contained in:
Charlie
2023-03-27 19:56:18 +08:00
committed by GitHub
parent 2b15702bea
commit 95c5cba9db
25 changed files with 6358 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
src/main/frontend/ui.css
View File

@@ -138,7 +138,7 @@
}
@screen md {
min-width: 720px;
min-width: 720px;
}
}
}
@@ -146,7 +146,12 @@
&-close {
@apply text-gray-400 hover:text-gray-500
focus:outline-none focus:text-gray-500
transition ease-in-out duration-150;
transition ease-in-out duration-150 opacity-60
hover:opacity-100;
&-wrap {
@apply absolute top-0 right-0 pt-2 pr-2;
}
}
&[label="ls-modal-align-center"] {
@@ -159,78 +164,77 @@
}
&[label="diff__cp"] {
.panel-content {
padding: 2rem 1rem;
.panel-content {
padding: 2rem 1rem;
@screen sm {
padding: 2rem;
}
@screen sm {
padding: 2rem;
}
}
}
&[label="flashcards__cp"] {
.panel-content {
padding: 2rem 0;
.panel-content {
padding: 2rem 0;
@screen sm {
padding: 2rem 2rem;
}
@screen sm {
padding: 2rem 2rem;
}
}
}
&[label="instruction__cp"] {
.ui__modal-panel {
height: 90%;
}
.ui__modal-panel {
height: 90%;
}
.panel-content {
height: 100%;
}
.panel-content {
height: 100%;
}
}
}
.instruction {
height: 40%;
height: 40%;
@screen sm {
height: 70%;
}
@screen sm {
height: 70%;
}
}
html.is-native-android,
html.is-native-iphone,
html.is-native-iphone-without-notch
{
.references {
html.is-native-iphone-without-notch {
.references {
.blocks-container {
transform: translateX(-8px);
width: 104%;
}
}
.ls-card {
min-height: 65vh;
}
.ui__modal {
&[label="flashcards__cp"] {
.panel-content {
padding: 2rem 1rem 1rem;
width: 90vw;
.cards-review {
padding-left: 0px;
padding-right: 0px;
}
.blocks-container {
transform: translateX(-8px);
width: 104%;
}
}
.ls-card {
min-height: 65vh;
}
.ui__modal {
&[label="flashcards__cp"] {
.panel-content {
padding: 2rem 1rem 1rem;
width: 90vw;
.cards-review {
padding-left: 0px;
padding-right: 0px;
}
.blocks-container {
transform: translateX(-7px);
width: 103%;
}
}
transform: translateX(-7px);
width: 103%;
}
}
}
}
}
html.is-mobile {
@@ -309,7 +313,7 @@ html.is-mobile {
}
&[intent='border-link'] {
border: 1px solid;
border: 1px solid;
}
&.p-1 {