NekoCWD/EyeNeko
NekoCWD/EyeNeko
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

UI: Make nice mode switching

Browse source 
Signed-off-by: Vasiliy Doylov <nekocwd@mainlining.org>
This commit is contained in:
Vasiliy Doylov 2025-06-21 03:12:37 +03:00
parent 6380265152
commit 7c0aa0ed45
Signed by: NekoCWD
GPG key ID: B7BE22D44474A582
2 changed files with 76 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/style.css
View file

@ -15,3 +15,18 @@
.focus-btn { .focus-btn {
color: green; color: green;
} }
.mode > toggle {
background: none;
}
.mode > toggle:hover {
color: white;
}
.mode > toggle:checked {
color: darkgoldenrod;
}
.mode > toggle:checked:hover {
color: goldenrod;
}

108
src/window.blp
View file

@ -46,69 +46,83 @@ Adw.ToolbarView toolbar {
[center] [center]
Box { Box {
orientation: vertical;
halign: fill;
hexpand: true;
spacing: 12; spacing: 12;
MenuButton profile_btn {
styles [
"circular",
"menu",
]
Image {
icon-name: "encoder-knob-symbolic";
pixel-size: 24;
}
width-request: 40;
height-request: 40;
valign: center;
}
Button capture_btn {
width-request: 80;
height-request: 80;
styles [
"circular",
"capture-btn",
]
}
MenuButton video_source_btn {
styles [
"circular",
"menu",
]
Image {
icon-name: "pick-camera-alt2-symbolic";
pixel-size: 24;
}
width-request: 40;
height-request: 40;
valign: center;
}
Adw.ToggleGroup camera_mode { Adw.ToggleGroup camera_mode {
styles [
"round",
]
valign: center; valign: center;
orientation: vertical; halign: fill;
hexpand: true;
orientation: horizontal;
active-name: "photo"; active-name: "photo";
styles [
"flat",
"mode",
]
Adw.Toggle { Adw.Toggle {
icon-name: "camera-photo-symbolic"; icon-name: "camera-photo-symbolic";
label: "Photo";
name: "photo"; name: "photo";
} }
Adw.Toggle { Adw.Toggle {
icon-name: "video-camera-symbolic"; icon-name: "video-camera-symbolic";
label: "Video";
name: "video"; name: "video";
} }
} }
Box {
halign: center;
spacing: 12;
MenuButton profile_btn {
styles [
"circular",
"menu",
]
Image {
icon-name: "encoder-knob-symbolic";
pixel-size: 24;
}
width-request: 40;
height-request: 40;
valign: center;
}
Button capture_btn {
valign: center;
width-request: 80;
height-request: 80;
styles [
"circular",
"capture-btn",
]
}
MenuButton video_source_btn {
styles [
"circular",
"menu",
]
Image {
icon-name: "pick-camera-alt2-symbolic";
pixel-size: 24;
}
width-request: 40;
height-request: 40;
valign: center;
}
}
} }
} }