Salastil/nitter
1
0
Fork 0
mirror of https://github.com/zedeus/nitter.git synced 2025-12-06 03:55:36 -05:00
Code Activity

Update search panel grid layout and animation

Browse Source
This commit is contained in:
Zed
2025-11-24 23:04:25 +01:00
parent 4979d07f2e
commit 12bbddf204
2 changed files with 8 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/sass/include/_mixins.css
View File

@@ -66,18 +66,7 @@
} }
#search-panel-toggle:checked ~ .search-panel { #search-panel-toggle:checked ~ .search-panel {
@if $rows == 6 { max-height: 380px !important;
max-height: 200px !important;
}
@if $rows == 5 {
max-height: 300px !important;
}
@if $rows == 4 {
max-height: 300px !important;
}
@if $rows == 3 {
max-height: 365px !important;
}
} }
} }
} }

15
src/sass/search.scss
View File

@@ -42,7 +42,7 @@
@include input-colors; @include input-colors;
} }
@include create-toggle(search-panel, 200px); @include create-toggle(search-panel, 380px);
} }
.search-panel { .search-panel {
@@ -104,19 +104,18 @@
.search-toggles { .search-toggles {
flex-grow: 1; flex-grow: 1;
display: grid; display: grid;
grid-template-columns: repeat(6, auto); grid-template-columns: repeat(5, auto);
grid-column-gap: 10px; grid-column-gap: 10px;
} }
.profile-tabs { .profile-tabs {
@include search-resize(820px, 5); @include search-resize(820px, 5);
@include search-resize(725px, 4); @include search-resize(715px, 4);
@include search-resize(600px, 6); @include search-resize(700px, 5);
@include search-resize(560px, 5); @include search-resize(485px, 4);
@include search-resize(480px, 4);
@include search-resize(410px, 3); @include search-resize(410px, 3);
} }
@include search-resize(560px, 5); @include search-resize(700px, 5);
@include search-resize(480px, 4); @include search-resize(485px, 4);
@include search-resize(410px, 3); @include search-resize(410px, 3);