Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-09-26 05:12:19 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Add new buttons (#2368)

Browse Source 
* Initial

* Buttons everywhere

* Better 401 text
This commit is contained in:
Kalle
2025-06-05 21:44:05 +03:00
committed by GitHub
parent 391ac6a1c4
commit b621e2ff96
18 changed files with 193 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
app/components/AddNewButton.module.css Normal file
View File

@@ -0,0 +1,48 @@
.addNewButton {
--picture-size: 18px;
--icon-size: 14px;
--button-height: 28px;
--border-width: 2px;
--inner-border-radius: 6px;
padding-block: 0 !important;
padding-inline: 0 !important;
background-color: transparent !important;
height: var(--button-height);
}
.iconsContainer {
display: flex;
gap: var(--s-0-5);
align-items: center;
justify-content: center;
background-color: var(--theme-very-transparent);
height: calc(var(--button-height) - var(--border-width) * 2);
border-radius: var(--inner-border-radius) 0 0 var(--inner-border-radius);
padding-inline: var(--s-1);
}
.iconsContainer > svg {
max-width: var(--icon-size);
max-height: var(--icon-size);
min-width: var(--icon-size);
min-height: var(--icon-size);
color: var(--theme);
stroke-width: 4px;
}
.iconsContainer > picture {
max-width: var(--picture-size);
max-height: var(--picture-size);
min-width: var(--picture-size);
min-height: var(--picture-size);
}
.textContainer {
padding-inline: var(--s-1-5);
background-color: var(--theme) !important;
height: calc(var(--button-height) - var(--border-width) * 2);
display: flex;
align-items: center;
border-radius: 0 var(--inner-border-radius) var(--inner-border-radius) 0;
}