notfire/Iceshrimp.NET
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[frontend/css] Various style improvements

Browse source
This commit is contained in:
Lilian 2025-02-09 14:30:50 +01:00
parent e10cdee478
commit 13a25c78ff
No known key found for this signature in database
9 changed files with 21 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
Iceshrimp.Frontend/Components/BannerContainer.razor.css
View file

@ -4,9 +4,9 @@
right: 1rem; right: 1rem;
background-color: var(--background-color); background-color: var(--background-color);
border: solid var(--highlight-color) 0.05rem; border: solid var(--highlight-color) 0.05rem;
border-radius: 1rem; border-radius: 1.5rem;
padding: 0.5rem 1rem; padding: 0.25rem 0.5rem;
z-index: +1; z-index: +7;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;

1
Iceshrimp.Frontend/Components/Compose.razor.css
View file

@ -5,6 +5,7 @@
padding: 1rem; padding: 1rem;
max-width: 45rem; max-width: 45rem;
color: var(--font-color); color: var(--font-color);
border: solid var(--highlight-color) 0.05rem;
} }
.compose input { .compose input {

1
Iceshrimp.Frontend/Components/NotificationList.razor.css
View file

@ -5,6 +5,7 @@
width: 100%; width: 100%;
overflow-x: auto; overflow-x: auto;
overscroll-behavior-y: contain; overscroll-behavior-y: contain;
padding-top: 0.5rem;
} }
.wrapper { .wrapper {

2
Iceshrimp.Frontend/Layout/MainLayout.razor.css
View file

@ -34,7 +34,7 @@
padding-right: 1rem; padding-right: 1rem;
position: sticky; position: sticky;
top: 0; top: 0;
z-index: +2; z-index: +6;
i { i {
padding-right: 0.5rem; padding-right: 0.5rem;

1
Iceshrimp.Frontend/Layout/SettingsLayout.razor.css
View file

@ -2,7 +2,6 @@
.input { .input {
display: block; display: block;
background-color: var(--foreground-color); background-color: var(--foreground-color);
border: none;
outline: none; outline: none;
width: 100%; width: 100%;
border-radius: 0.5rem; border-radius: 0.5rem;

15
Iceshrimp.Frontend/Layout/Sidebar.razor.css
View file

@ -55,6 +55,13 @@
.header { .header {
height: 5rem; height: 5rem;
display: flex;
align-items: center;
justify-content: center;
}
.avatar {
cursor: pointer;
} }
.sidebar-btn { .sidebar-btn {
@ -121,14 +128,6 @@
.bottom-bar { .bottom-bar {
display: none; display: none;
} }
.header {
display: flex;
align-items: center;
justify-content: center;
}
.avatar {
cursor: pointer;
}
} }
@media (max-width: 1000px) { @media (max-width: 1000px) {

6
Iceshrimp.Frontend/Pages/Login.razor.css
View file

@ -16,13 +16,13 @@
} }
.dialog { .dialog {
background-color: unset;
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
top: 0; top: 0;
left: 0; left: 0;
position: fixed; position: fixed;
margin: auto; margin: auto;
background-color: unset;
z-index: +11; z-index: +11;
} }
@ -34,7 +34,7 @@
height: 100vh; height: 100vh;
top: 0; top: 0;
left: 0; left: 0;
z-index: -2 z-index: -2;
} }
.dialog-content { .dialog-content {
@ -48,6 +48,8 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
background-color: var(--background-color);
border: solid var(--highlight-color) 0.05rem;
} }
.header { .header {

2
Iceshrimp.Frontend/Pages/Register.razor.css
View file

@ -12,7 +12,7 @@
} }
input:invalid { input:invalid {
border: 0.1rem solid var(--highlight-color); border: 0.05rem solid var(--highlight-color);
} }
.logo { .logo {

2
Iceshrimp.Frontend/wwwroot/css/app.css
View file

@ -127,7 +127,7 @@ button {
input, textarea, select { input, textarea, select {
display: block; display: block;
background-color: var(--foreground-color); background-color: var(--foreground-color);
border: none; border: solid var(--highlight-color) 0.05rem ;
outline: none; outline: none;
max-width: 50em; max-width: 50em;
border-radius: 0.5em; border-radius: 0.5em;